webpack文件监听

概念

文件监听是在发现源码发生变化时，自动重新构建出新的输出文件。

方式

1. 启动webpack命令时，带上--watch参数

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "watch":"webpack --watch"
  }

2. 在配置webpack.config.js中设置watch:true

原理

轮询判断文件的最后编辑时间是否发生变化
某个文件发生变化，并不会立即告诉监听者，而是先缓存起来，等aggregateTimeout

module.exports = {
  watch:true,//默认为false
  watchOptions:{
    //不监听的文件或文件夹，支持正则匹配，默认为空
    ignored:/node_modules/,
    //监听变化发生后会等300ms再去执行，默认为300ms
    aggregateTimeout：300,
    //判断文件是否发生变化是通过不停询问系统指定文件有没有发生变化实现的，默认每秒问1000次
    poll:1000
  }
}

缺点

浏览器不会自动刷新，需要手动刷新。