vuecli3 修改打包文件夹名以及文件名

要求

把vue项目打包后的static中的相关内容修改名字

在这里插入图片描述

在这里插入图片描述

1、修改js文件内容，如下配置就可修改js文件夹以及js文件内容

在这里插入图片描述

2、修改css，有些许小麻烦

引入插件：

缺点就是：默认打包的css文件还存在，这种情况下就生成2个css打包文件，不合理。

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

在这里插入图片描述

参考文章：

2、mini-css-extract-plugin源码解析：blog.csdn.net/vv_bug/arti…

缺点：

如果直接配置这个属性，会报如下错误：

Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin(‘html‘).use(＜Plugin

在这里插入图片描述

或者：

在这里插入图片描述

参考文章：

方法总比困难多，从今天就开始学习webpcak，以前基本上一点不会，日。