watch的使用可以减少我们每次保存后手动打包的繁琐情况，当代码发生变化，只要保存，webpack将自动为我们进行打包
watch的配置
- watch可以直接使用，只要在打包命令后面跟
--watch就可以了，但这只是基础用法，通过配置watch我们可以减少因各种人为习惯造成很难查找的原因
image.png
在webpack.config.js中新增属性，如下：
watchOptions: {
poll: 1000, //检测代码修改时间，以毫秒为单位
aggregeateTimeout: 500, //防止重复保存而发生重复编译错误，这里设置的500为半秒内重复保存，不进行打包操作
ignored: /node_modules/ //不监听目录，使用正则匹配
}
BannerPlugin插件（注释插件）
- BannerPlugin插件是webpack自带的插件，所以要使用此插件，先在webpack.config.js中引用webpack：
const webpack = require("webpack")
因为是插件，我们要在plugins中配置，如下：
plugins: [
new webpack.BannerPlugin('lzijian编写的组件代码'),
]
image.png
