首页 > IT职业 > IT职场 > webpack中watch的配置以及打包文件添加注释
watch的使用可以减少我们每次保存后手动打包的繁琐情况,当代码发生变化,只要保存,webpack将自动为我们进行打包
watch可以直接使用,只要在打包命令后面跟--watch就可以了,但这只是基础用法,通过配置watch我们可以减少因各种人为习惯造成很难查找的原因

image.png
在webpack.config.js中新增属性,如下:
watchOptions: { poll: 1000, //检测代码修改时间,以毫秒为单位
aggregeateTimeout: 500, //防止重复保存而发生重复编译错误,这里设置的500为半秒内重复保存,不进行打包操作
ignored: /node_modules/ //不监听目录,使用正则匹配}
BannerPlugin插件是webpack自带的插件,所以要使用此插件,先在webpack.config.js中引用webpack:
const webpack = require("webpack")
因为是插件,我们要在plugins中配置,如下:
plugins: [ new webpack.BannerPlugin('lzijian编写的组件代码'),
]

image.png
作者:饥人谷_米弥轮
链接:https://www.jianshu.com/p/e267fd924552
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1976/viewspace-2813656/ ,如需转载,请注明出处,否则将追究法律责任。