webpack 可以监听打包文件变化，当它们修改后会重新编译打包, 那么如何监听打包文件变化呢? 使用 watch

watch 与 watchOptions 相关配置

官方文档地址：https://www.webpackjs.com/configuration/watch/

watch 的相关配置就是配置开启 watch 即可：

watchOptions 相关配置说明：

• poll: 1000, 每隔多少时间检查一次变动
• aggregateTimeout: 300, 防抖, 和函数防抖一样, 改变过程中不重新打包, 只有改变完成指定时间后才打包
• ignored: /node_modules/, 排除一些巨大的文件夹, 不需要监控的文件夹, 例如 node_modules

这个就不在写测试过程了，测试方式大概就是你先编译好工程，然后在进行改动代码，会自动进行编译就可以立马看到所改动代码的效果了，在你没开启和配置 watch, watchOptions 之前你都需要手动的进行编译这就比较繁琐了