webpack 保存文件后自动打包_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