.env在mode文件中如何添加注釋詳解
前言
Vue-Cli
允許我們?cè)陧?xiàng)目根目錄創(chuàng)建.env.[mode]
文件來(lái)設(shè)置一些打包編譯的啟動(dòng)參數(shù),通過(guò)執(zhí)行腳本的時(shí)候加mode
參數(shù),指定不同環(huán)境需要加載的配置文件
形如: .env.test
NODE_ENV='production' VUE_APP_PATH='./' VUE_APP_RUNTIME='prod'
問(wèn)題
怎么在 .env.test
文件中添加注釋呢?
分析
這要看vue
是怎么解析 .env.test
文件的
通過(guò)啟動(dòng)腳本,一路找到了處理 .env.test
文件的邏輯,讓我們一塊看下
path:node_modules\@vue\cli-service\lib\Service.js
const dotenv = require('dotenv'); // ... loadEnv (mode) { const logger = debug('vue:env') const basePath = path.resolve(this.context, `.env${mode ? `.${mode}` : ``}`) const localPath = `${basePath}.local` const load = envPath => { try { const env = dotenv.config({ path: envPath, debug: process.env.DEBUG }) dotenvExpand(env) logger(envPath, env) } catch (err) { // only ignore error if file is not found if (err.toString().indexOf('ENOENT') < 0) { error(err) } } } load(localPath) load(basePath) // by default, NODE_ENV and BABEL_ENV are set to "development" unless mode // is production or test. However the value in .env files will take higher // priority. if (mode) { // always set NODE_ENV during tests // as that is necessary for tests to not be affected by each other const shouldForceDefaultEnv = ( process.env.VUE_CLI_TEST && !process.env.VUE_CLI_TEST_TESTING_ENV ) const defaultNodeEnv = (mode === 'production' || mode === 'test') ? mode : 'development' if (shouldForceDefaultEnv || process.env.NODE_ENV == null) { process.env.NODE_ENV = defaultNodeEnv } if (shouldForceDefaultEnv || process.env.BABEL_ENV == null) { process.env.BABEL_ENV = defaultNodeEnv } } }
從上面的代碼,可以得知,vue
使用dotenv
解析 .env.test
文件,并將環(huán)境變量從 .env[mode]
文件中加載到 process.env
環(huán)境變量中
解決(dotenv)
dotenv
插件已經(jīng)被 Vue-Cli
集成了
README.md
中有這么一段話(huà):
# marks the beginning of a comment (unless when the value is wrapped in quotes)
這就是我們要找的,在.env.[mode]
文件中,可以使用 #
進(jìn)行注釋
使用測(cè)試
path: .env.prod
參數(shù)配置
NODE_ENV='production' # VUE_APP_PATH='/pc/' VUE_APP_PATH='./' VUE_APP_RUNTIME='prod'
package.json
文件腳本命令配置--mode
參數(shù)
"scripts": { "build": "vue-cli-service build --mode prod", },
- 執(zhí)行
npm run build
命令,輸出如下:
NODE_ENV=== production
VUE_APP_PATH=== ./
以上就是.env在mode文件中如何添加注釋詳解的詳細(xì)內(nèi)容,更多關(guān)于.env在mode文件添加注釋的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Vue報(bào)錯(cuò):TypeError:Cannot create property '
這篇文章主要介紹了Vue報(bào)錯(cuò):TypeError:Cannot create property 'xxx' on string 'xxxx'問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08Vue+Jwt+SpringBoot+Ldap完成登錄認(rèn)證的示例代碼
本篇文章主要介紹了Vue+Jwt+SpringBoot+Ldap完成登錄認(rèn)證的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05如何在vue里添加好看的lottie動(dòng)畫(huà)
這篇文章主要介紹了在vue里添加好看的lottie動(dòng)畫(huà)效果的方法,在vue中引入lottie非常簡(jiǎn)單,需要的朋友可以參考下2018-08-08Vue3 響應(yīng)式數(shù)據(jù) reactive使用方法
這篇文章主要介紹了Vue3 響應(yīng)式數(shù)據(jù) reactive使用方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-11-11vue開(kāi)發(fā)中關(guān)于axios的封裝過(guò)程
這篇文章主要介紹了vue開(kāi)發(fā)中關(guān)于axios的封裝過(guò)程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08