使用vue-cli构建 webpack打包工具时,生产环境下,每次build时,删除dist目录,并重新生成,以防dist目录文件越来越多。
首先,需要使用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,启用删除文件
}
),