Vue项目在不同环境下的打包方法示例

我们开发这个项目的时候，VUE-CLI 2 . x版本的新项目只有DEV和PRO两个开发环境，有时候我们需要一个测试环境进行测试，所以我们找到了很多方法，总结了最简单的方法给大家使用。

1、package.json

在“生成”下添加一个测试运行命令

测试“:”节点build/build . js

2、产品环境js

修改config-prod.env.js中的代码

系统运行时，使用strict' //读取变量const target=process . env . NPM _ life cycle _ event；//控制台日志输出console.log ('env正在部署，当前env为'，target)//确定环境变量为test。或者构建if(target==' test '){ var obj={ node _ en v 3360 '' production ''，此处为API _ root: ' '，替换为测试环境地址' '，} } else { var obj={ node _ en v 3360 ' ' production ' '，此处为API _ root: ' '替换为测试环境地址' '，} } module.exports=obj3.测试环境：

$ npm运行测试官方环境：

` `$ npm run build ` ` `以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。