注：本博客基于vue-cli2.9.6版本。Vue-cli默认自带生产和开发开发环境。但是在实际工作中，一般会有测试环境和预发布环境。可以修改package.json添加新的打包命令，可以根据不同的环境自动切换接口的BASE_URL，所以本文将以添加测试环境为例，演示如何添加新的环境变量文件。项目的环境变量文件都在项目根目录下的config文件夹下，默认有两个环境变量文件，分别是dev.env.js和prod.env.js。我们直接复制生产环境的配置文件prod.env.js，改名为test.env.js，并将NODE_ENV属性修改为自己想要的环境名。这里以test为例，记得加引号'usestrict'module.exports={NODE_ENV:'"test"',BASE_URL:"XXXXXXXX"}添加webpack配置文件在项目根目录下的build文件夹中目录，复制build.js文件，重命名为test.js，修改如下process.env.NODE_ENV='test'constspinner=ora('buildingfortest...')//提示文字打包在项目根目录下的build文件夹下，复制webpack.prod.conf文件，重命名为webpack.test.conf，修改如下constenv=require('../config/test.conf)env')为新环境添加打包指令在项目根目录下找到package.json文件，在scripts属性中添加一条指令"scripts":{"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js","start":"npmrundev","build":"nodebuild/build.js","test":"nodebuild/test.js"//新增}使用新增命令进行打包使用新增的命令npmruntest打包测试环境F:\Project\CZ4.2>npmruntest>cz@1.0.0testF:\Project\CZ4.2>nodebuild/test.js\buildingfortest...{parser:"babylon"}已弃用；我们现在把它当作{parser:"babel"}./buildingfortest...可以通过axios统一管理接口根据不同环境自动切换api地址，然后接受api前面的地址部分通过一个变量baseUrl，打包时获取process.env.NODE_ENV运行/Environment，从而为baseUrl分配不同环境对应的地址，达到自动化的效果
