20watch打包和监测

watch的正确使用方法：

1. 在终端中输入 webpack –watch

2. 在src/index.html里面添加内容：

   <h1>Wuyou shopping will be your best choice!!!!</h1>

3. 打开dist/index.html同样添加上了该代码

4. 如果没有该效果在webpack.config.js的==devServer==里面配置:

   watchOptions:{
       poll:1000,   //监测修改的时间
       aggregateTimeout:500,  //在500毫秒中连续保存，只保存一次
       ignored:/node_modules/,   //排除node_modules
   }

5. webpack –watch在终端输入后，dist/index.html会跟随src/index.html的变化而变化（若要用npm run dev进行打包，需要在package.json里script的dev后面加–watch）

扩展：BannerPlugin插件

BannerPlugin用于为每个人写的代码添加备注或者用于版权声明

插件，在plugins中添加此插件：

new webpack.BannerPlugin(‘无忧版权所有，你的笑容是对我们无忧商城最大的肯定！’)

注意：在使用该插件之前需要引入webpack.

const webpack=require(‘webpack’);

• 在终端输入webpack –watch，打开entry.js可以看到开头有版权的声明注释