vue-cli 2.x 多环境打包配置,根据打包命令生成不同的打包文件名

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 2.x 多环境打包配置,根据打包命令生成不同的打包文件名相关的知识,希望对你有一定的参考价值。

参考技术A 操作

在package.json中的scripts中添加相关环境地址,我的环境添加如下:
test 为云测试环境
下面我们以test来配置环境

在config目录中配置test.env.js文件



(1) 配置process.env.NODE_ENV = 'test'

(2) const webpackConfig = require('./webpack.test.conf)

(1) 复制webpack.prod.conf.js, 并修改为webpack.test.conf.js

(2) 配置 const env = require('../config/test.env')

index.js

以上是关于vue-cli 2.x 多环境打包配置,根据打包命令生成不同的打包文件名的主要内容,如果未能解决你的问题,请参考以下文章

webpack vue-cli2 配置打包测试环境

vue-cli3 配置不同环境请求地址,以及打包到不同文件夹

vue-cli2 测试环境打包后的项目样式与正式环境打包后的样式不一致

vue-cli 根据不同的环境打包

vue3多页面运行与打包

vue-cli 2.x项目,删除打包线上环境的控制台打印