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