vue-cli3项目生产和测试环境分包后文件名和数量不一致解决
正文
我用vue-cli3搭建的项目,在进行webpack按需分包之后,生产环境打包和测试环境打包出来的文件名和数量不一致:

对于生产环境的包,能正确的将文件按照页面分包打包出来,而测试环境的打包只能打包成1.js,2.js这种,并且少了chunk.js
我的vue.config.js配置如下
chainWebpack: config => {
config.resolve.alias
.set("@", resolve("./src"))
.set("assets", resolve("src/assets"))
.set("components", resolve("src/components"))
.set("containers", resolve("src/containers"))
.set("service", resolve("src/service"))
.set("utils", resolve("src/utils"))
.set("store", resolve("src/store"))
.set("config", resolve("src/config"))
.set("pubilc", resolve("pubilc"));
config.output.filename("static/js/[name].[hash].js").end();
},
configureWebpack: config => {
config.optimization = {
runtimeChunk: "single",
splitChunks: {
chunks: "all",
maxInitialRequests: Infinity,
minSize: 20000,
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name(module) {
const packageName = module.context.match(
/[\\/]node_modules[\\/](.*?)([\\/]|$)/
)[1];
return `npm.${packageName.replace("@", "")}`;
},
},
},
},
};
},请问如何改能将测试环境的打包内容改成和生产环境一样呢?
补充 package.json里面的命令
"build": "vue-cli-service build", "uat": "vue-cli-service build --mode test",
因为vue-cli的test会有一些process.env.NODE_ENV === 'test'的判断,所以想和线上环境一样最简单的办法就是不用它的mode
"build": "vue-cli-service build", "uat": "vue-cli-service build --mode mytest",
以上就是vue-cli3项目生产和测试环境分包后文件名和数量不一致解决的详细内容,更多关于vue-cli3分包文件不一致的资料请关注脚本之家其它相关文章!
相关文章
vue.js利用Object.defineProperty实现双向绑定
这篇文章主要为大家详细介绍了vue.js利用Object.defineProperty实现双向绑定,帮大家解析神秘的Object.defineProperty方法2017-03-03
vue2结合element-ui的gantt图实现可拖拽甘特图
因为工作中要用到甘特图,所以我在网上搜索可以用的甘特图,搜索了好多,但是网上搜到大多数都很鸡肋,不能直接使用,下面这篇文章主要给大家介绍了关于vue2结合element-ui的gantt图实现可拖拽甘特图的相关资料,需要的朋友可以参考下2022-11-11
关于element-ui日期时间选择器选不中12小时以后的时间详解
在之前做个一个组件页面中,引用了element-ui组件的日期选择器,遇到的一个小问题,下面这篇文章主要给大家介绍了关于element-ui日期时间选择器选不中12小时以后时间的相关资料,需要的朋友可以参考下2022-08-08


最新评论