webpack watch mode

watch mode

背景

希望能够在每次代码发生变更时webpack会自动打包项目文件

使用webpack watch mode

1. 命令行执行命令即可

    webpack watch --progress // --progress可选、仅为看打包进度
    webpack -w --progress
   

其它

1. 若想每次打包webpack能够自动清除上一次打包的文件内容，在这里可以使用clear-webpack-plugin插件

    npm install clear-webpack-plugin --save-dev
    
    // webpack配置文件
    var CleanWebpackPlugin = require('clean-webpack-plugin');
    ...
    plugins: [
        new CleanWebpackPlugin(['dist']) //实例传一个数组，数组内容为需要清除的目录
    ]