使用vue-cli构建 webpack打包工具时，生产环境下，每次build时，删除dist目录，并重新生成，以防dist目录文件越来越多。

Posted 2020-12-31 liuhp

　　首先，需要使用webpack的插件CleanWebpackPlugin，安装命令如下：

　　npm install --save-dev clean-webpack-plugin

　　其次，需要在生产环境提供的文件：build/webpack.prod.conf.js的plugins节点下添加如下代码：

　 new CleanWebpackPlugin(

　　[‘dist‘],　 //匹配删除的文件

　　{　　

　　　　root：path.resolve(__dirname,‘../‘)     //根目录

　　　　verbose：true，                                 //是否启用控制台输出信息

　　　　dry:          false,                                   //设置为false,启用删除文件

　　}

 ),