本節知識點
- 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文件下面看到注釋了