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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM