(十九) watch的正确使用方法和备注

本节知识点

• 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文件下面看到注释了