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

摘要:
您需要使用webpack插件CleanWebpackPlugin。安装命令如下:您需要在生产环境提供的文件的plugins节点下添加以下代码:build/webpack.prod.conf js://匹配删除的文件{root:path.resolve(__dirname,true,//是否启用控制台输出信息dry:

  首先,需要使用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目录文件越来越多。》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇IDEA调试可执行JAR包“windows无法访问指定设备路径或文件...”解决办法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue: axios 请求封装及设置默认域名前缀 (for Vue 2.0)

1. 实现效果 以get方法向http://192.168.32.12:8080/users 发起请求、获取数据并进行处理 this.apiGet('/users', {}) .then((res) => { console.log(res) }, (err) => { console.log(err) }) 2....

做个开源博客学习Vite2 + Vue3 (四)实现博客功能

我们再来看一下管理类的设计。 Composition API,就是组合API的意思,那么是不是应该把js代码分离出来,做成独立的管理类的形式呢? 这样代码可以更整洁一些,主要是setup里面的代码就不会乱掉了。 管理类 import webSQLHelp from '../store/websql-help' import { blog, blogForm...