vue-cli3 中的環境變量


官方文檔是這樣寫的:

src同名文件夾下的建立

.env.[model] 配置文件  // mode:production development ...

 

載入的變量會對vue-cli-service的所有命令、插件和依賴可用

https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F

 


想一下里面實現的原理,應該是這樣的:

 

1.設定好的key value值首先會被webpack構建進程 安置,在webpack構建時直接就可以拿到process.env.拿到,

 

2.文檔又說,如果是以VUE_APP_開頭的變量會被webpack.definePlugin放到客戶端中,在代碼中使用process.env.xx就可以拿到

即在編譯過程中進行define字符串替換

內部實現應該是將process.env.VUE_APP_xxx 替換為 相應的值


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM