当前位置: 首页 > Web前端 > HTML5

vue项目在不同环境下的打包

时间:2023-04-05 22:09:17 HTML5

我们在开发项目的时候,都是使用vue-cli2.x版本新建项目。开发环境只有dev和pro两种。有时候我们需要一个测试环境进行测试,于是找了很多方法,总结了最简单的方法就是使用package.json在build下添加一个测试运行命令“test”:“nodebuild/build.js”prod.env。jsinconfig->prod.env.js修改代码'usestrict'//在系统运行时读取变量consttarget=process.env.npm_lifecycle_event;//控制台日志输出console.log('envisdeploying,currentenvis',target)//判断环境变量,是测试还是构建if(target=='test'){varobj={NODE_ENV:'"production"',API_ROOT:'"这里替换为测试环境地址"',}}else{varobj={NODE_ENV:'"production"',API_ROOT:'"这里替换为测试环境地址"',}}module.exports=obj;3.测试环境:$npmruntest正式环境:```$npmrunbuild```