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

时间:2024-01-21 10:10:28

  首先,需要使用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,启用删除文件
  }
 ),