從新建項目到設置打包環境
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