文件名
關(guān)于文件名:必須以如下方式命名凡泣,不要亂起名枉疼,也無需專門手動控制加載哪個文件
.env 全局默認(rèn)配置文件,不論什么環(huán)境都會加載合并
.env.development 開發(fā)環(huán)境下的配置文件
.env.production 生產(chǎn)環(huán)境下的配置文件
內(nèi)容
注意:屬性名必須以VUE_APP_開頭鞋拟,比如VUE_APP_URL VUE_APP_XXX
文件的加載
根據(jù)啟動命令vue會自動加載對應(yīng)的環(huán)境骂维,vue是根據(jù)文件名進(jìn)行加載的,所以上面說“不要亂起名贺纲,也無需專門控制加載哪個文件”
比如執(zhí)行npm run serve命令席舍,會自動加載.env.development文件
注意:.env文件無論是開發(fā)還是生成都會加載的公用文件
配置package.json文件可以具體設(shè)置啟動具體加載哪個.env.XXX文件
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"dev:prod": "vue-cli-service serve --mode production",
"dev:test": "vue-cli-service serve --mode test",
"dev:kunpeng": "vue-cli-service serve --mode kunpeng",
"build:prod": "vue-cli-service build --mode production",
"build:test": "vue-cli-service build --mode test",
"build:kunpeng": "vue-cli-service build --mode kunpeng",
"build:dev": "vue-cli-service build --mode development",
"build:stage": "vue-cli-service build --mode staging",
"preview": "node build/index.js --preview",
"lint": "eslint --ext .js,.vue src",
"svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
"new": "plop"
},
"dev:kunpeng": "vue-cli-service serve --mode kunpeng",
"dev:kunpeng": "vue-cli-service serve --mode kunpeng" 啟動的時候就會加載.env.kunpeng文件。
.env文件都要加載如果兩個文件有相同一個項哮笆,后加載文件會覆蓋第一個文件来颤。