Vue-cli脚手架环境变量配置

一、如何在当前开发模式下，用代码获取当前的环境呢。

首先假设一共有三种模式：1开发模式。2测试模式。3产品模式。那么就需要创建三个模式文件。.env.prod，.env.dev，.env.test,分别在各自的文件内设定对应的开发模式，例：.env.dev文件内写入NODE_ENV = development，.env.prod文件内写入NODE_ENV = production。在package.json文件的"scripts"目录下，给各个指令绑定对应的开发模式：例如"serve": "vue-cli-service serve --mode dev",  "build": "vue-cli-service build --mode prod", --mode后面的字符必须与模式文件名相对应，那么模式文件内设定的模式即可通过process.env.NODE_ENV获取到。例：在vue.config.js中设置outputDir:`dist-${process.env.NODE_ENV}` 那么返回的打包文件将自带开发模式。