webpack中watch的配置以及打包文件添加注释

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