我们用vue已经快两年了。我想到一个难题，两年前我们和一个技术牛(我们当时的技术总监)一起开发SPA项目，由阿里处理，这个难题就解决了。因为技术老板出身于阿里，所以很多事情都倾向于自动化。从项目ui设计到项目管理，到包测试，到发布，都要求我们实现自动化，尽可能减少人工操作。

当时技术老板在jenkins要了一个一键包，就是他在同一套代码上点击不同的按钮，将测试环境下运行的包和正式环境下运行的包打包。第一次接触vue的时候很疑惑，老板给了我一天时间研究这个东西，我别无选择，只能用头皮去做。后来，更容易考虑进行改造。

第一步。在package.json中添加命令行脚本test命令，并指向build文件夹下的test.js。

第二步。在构建文件夹中创建一个新的test.js。内容可以直接将build.js的内容复制到同一个目录中，并修改一些参数，这样就有了一个额外的测试环境

步骤3:在构建文件夹中创建新的webpack.prod.conf.js。可以直接从同一个目录复制内容，也可以修改一些参数。

这样，在构建时，您将转到config文件夹下的test.env.js来查找环境变量。

第四步。在配置下创建一个test.js文件

步骤5:在打包的axios.js文件夹下创建config.js

第六步。在打包的axios中引入config.js

封装的获取和发布请求

步骤7:在配置文件下的索引中添加测试模块(可以复制构建)，并更改相应的参数。

打包时执行：npm run test会自动指向测试环境域名的dist文件，执行npm run build时会打包指向正式环境域名的dist文件，分别连接到Jenkins中的gitlab/github，分别分配命令运行测试运行build。需要发布的时候直接点击不同的按钮，然后在Linux下自动打包不同环境的dists，可以提高开发效率，降低开发和通讯成本。

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