这篇文章主要介绍了vue如何在打包时区分测试环境和正式环境的，大家做个参考

由于vue项目不能动态识别项目环境，但是可以在打包时做区分，不需要每次上线时还要修改代码来做区分了。

1、在根目录package.json中，新增命令行脚本test命令,并指向build文件夹下的test.js。

2、然后在build文件夹中新建test.js，内容可以直接拷贝同目录build.js内容，修改一些参数 这样就多了个test环境

3、在build文件夹中新建webpack.test.conf.js,内容可以直接拷贝同目录webpack.prod.conf.js内容,修改一些参数。

      这样构建时就会去config文件夹下的test.env.js寻找环境变量。

4、在config下创建test.js文件

5、在config文件下的index增加test模块（可复制build）并更改相应的参数。

        如果不想将打包路径设置dist，可以手动修改

在打包的时候执行：npm run test 就会自动的指向测试环境的域名dist文件，执行npm run build 就会打包指向正式环境的域名的dist文件，可以提高开发效率，减少开发和沟通成本。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。