vue-cli 3.x 配置打包环境

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

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