文件监听是发现源码变化时,自动重新构建出新的输出文件
开启监听方式有二种:
- 启动webpack命令时(在scripts里面),带上–watch参数,需要手动去刷新浏览器才会有效果
- 在配置webpack.config.js时设置watch:true
原理分析:轮询判断文件最后编辑时间是否有变化,某个文件变化了不会立即告诉监听者,而是先缓存起来,等aggregateTimeout.
module.export = {
//默认false,也就是不开启
watch: true,
// 只有开启监听模式,watchOptions才会有意义
wathcOptions: {
// 默认为空,不监听的文件或都文件夹,支持正则匹配
ignored: /node_module/,
// 监听到变化后会等300ms再去执行,默认300ms
aggregateTimeou: 300,
// 判断文件有没有变化是不断的去询问系统指定文件有没有发生变化实现的,默认每秒执行一次
pull: 1000 // 单位:ms
}
}