分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

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

发布时间:2023-09-06 02:11责任编辑:郭大石关键词:webpack

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

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

原文地址:https://www.cnblogs.com/liuhp/p/9529502.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved