本节知识点
- watch
(一) 概述
- 在项目的初期我们可以用webpack-dev-server来充当服务器。但是随着项目的一步步深入。这个效果就太低了。我们每次都需要保存后手动打包。实在效率低下。但是当我们使用了watch以后webpack就会为我们自动打包了
(二) watch 配置
- (i) 在webpack.config.js里面敲下面的代码
/*监听watch*/
watchOptions:{
//检测修改的时间,以毫秒为单位
poll:1000,
//防止重复保存
aggregateTimeout:500,
//不监听的目录
ignored:/node_modules/
}
- (二) 然后在控制台敲
webpack --watch
这样你在开发目录下面的文件要是做了改动,那么产出的文件同样会做到改动
(三) 备注声明作者等需要用到BannerPlugin插件
- (1):在webpack.config.js里面要引入webpack这个包
const webpack = require("webpack");
- (2) 在webpack.config.js里面找到plugins:在里面加入下面代码
//声明备注
new webpack.BannerPlugin("这个版权属于七宗罪")
- (3) 这个时候你就会在打包的JS文件下面看到注释了