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

作者：饥人谷_米弥轮
链接：https://www.jianshu.com/p/e267fd924552