vuecli3 修改打包文件夹名以及文件名
vuecli3 修改打包文件夹名以及文件名
要求
把vue项目打包后的static中的相关内容修改名字
正常打包情况
解决办法
1、修改js文件内容，如下配置就可修改js文件夹以及js文件内容
2、修改css，有些许小麻烦
第一种方法：mini-css-extract-plugin
引入插件：
缺点就是：默认打包的css文件还存在，这种情况下就生成2个css打包文件，不合理。
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
参考文章：
1、mini-css-extract-plugin简介：www.cnblogs.com/blackgan/p/…
2、mini-css-extract-plugin源码解析：blog.csdn.net/vv_bug/arti…
3、www.npmjs.com/package/min…
4、www.cnblogs.com/skychx/p/we…
第二种方法：chainWebpack属性
缺点：
如果直接配置这个属性，会报如下错误：
Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin(‘html‘).use(＜Plugin复制代码
或者：
参考文章：
1、cli.vuejs.org/zh/guide/ht…
2、blog.csdn.net/lyn17726719…
3、www.jianshu.com/p/b358a91bd…
总结
方法总比困难多，从今天就开始学习webpcak，以前基本上一点不会，日。
作者：大掌柜〈海棠依旧〉
链接：https://juejin.cn/post/7031054551616585736