vue-cli 3 配置打包环境

从新建项目到设置打包环境

1.vue create vue-cli-env 创建应用

2.新建 vue.config.js 文件(vue cli 3 配置文件)，设置publicPath

module.exports = {

  publicPath: './'

}

3.新建各个环境的文件，例如：.env.development .env.test .env.production

4.在 package.json 文件中设置打包命令 --mode test 指的是当前选择环境 test，即 .env.test 文件所代表环境

"scripts": {

    "serve": "vue-cli-service serve",

    "build": "vue-cli-service build",

    "build:test": "vue-cli-service build --mode test",

    "lint": "vue-cli-service lint"

  },

关于环境变量的注意事项（.env.xx 文件）

* 环境名应该与环境文件统一

* 环境文件放置项目根目录下

* 除了 baseUrl 和 NODE_ENV 其他环境变量使用 VUE_APP 开头

gitlab地址：https://github.com/lankongmoxing/vue-cli-3.0.3-build-env