Vue-cli4.0环境配置

下面就是关于项目的环境配置了，

修改 package.json 文件如下

"scripts": {
    "serve": "vue-cli-service serve --mode development",   //开发
    "test": "vue-cli-service build --mode test",           //测试
    "build": "vue-cli-service build --mode production",    //生产
    "lint": "vue-cli-service lint"
  },

在项目根目录下新建 .env.test、.env.preview、 .env.production 文件，分别对应三个环境的配置文件，注意，名字要与 --mode 后面的名字分别对应
.env.test 代码如下

NODE_ENV="test"
VUE_APP_BASE_URL="测试环境域名"

.env.pre 代码如下

NODE_ENV="preview"
VUE_APP_BASE_URL="预览环境域名"

.env.prod 代码如下

NODE_ENV="production"
VUE_APP_BASE_URL="生产环境域名"

ok，这样环境就配置好了，分别用以下命令来打包不同环境的包就可以了

npm run test //测试
npm run pre //预发布
npm run prod //生产
另外需要说明一点的是，本地环境会默认从 .env.development 文件中读取配置