25-自动打包watch命令

初级开发阶段，使用webpack-dev-server就可以充当服务器和完成打包任务，但时随着你项目的进一步完成，可能需要前后台联调或者两个前端合并代码时，就需要一个公共的服务器了。 这时候我们每次保存后手动打包显然效率太低，我们希望的场景是代码发生变化后，只要保存，webpack自动为我们进行打包。

watch的配置

很多认为启动的时候，加个–watch参数直接使用就可以，没什么可说的。但是这是初级的用法，在学习一种技术时，我们必须要了解全部，也就是常说的知其然知其所以然。

举例 我们看下面的配置代码。

module.exports = {
    watchOptions: {
        //检测修改的时间，以毫秒为单位
        poll: 1000,
        //防止重复保存而发生重复编译错误。这里设置的500是半秒内重复保存，不进行打包操作
        aggregateTimeout: 500,
        //不监听的目录
        ignored: /node_modules/,
    }
}

上边的每一行配置我都作了说明，有时候你在没配置的情况下，直接用webpack –watch是不起作用的，这时候你需要进行配置这些选项。

配置好后，我们就可以使用watch了，在大型项目中，这大大加快了我们的开发效率，不用反复的手动打包了。