webpack-watch

什么是 watch

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

watch 与 watchOptions 相关配置

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

image-20211114112827470

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

image-20211114112647227

watchOptions 相关配置说明：

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

image-20211114112733915

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

End

posted @ 2021-11-14 11:32  BNTang  阅读(130)  评论(0)  编辑  收藏  举报