環(huán)境變量配置
config目錄下的*.env.js可以配置環(huán)境變量绞呈，編譯過程中會自動載入對應模式下的環(huán)境變量秸滴。開發(fā)環(huán)境下（npm run dev）和正式部署環(huán)境下（npm run build）歉提，對應的環(huán)境變量配置文件分別是dev.env.js奇唤、prod.env.js礼烈。比如假設我們有個一個APP ID需要區(qū)分開發(fā)環(huán)境和正式部署環(huán)境簇宽，那么我們可以如下配置：
dev.env.js
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
MY_APP_ID: '"123456"'
})
prod.env.js
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
MY_APP_ID: '"123456"'
})
這里需要特別注意的點是環(huán)境變量的鍵值一定要用'""'來包括勋篓，千萬不要只用""吧享，不然會導致環(huán)境變量配置失敗，導致環(huán)境變量永遠是undefined譬嚣。
環(huán)境變量使用
- 在js文件或者在vue文件中process.env.{環(huán)境變量名}钢颂，比如上文定義的MY_APP_ID，使用process.env.MY_APP_ID即可獲取環(huán)境變量的值拜银。
- 在html文件中使用環(huán)境變量殊鞭，采用模板引用指令<%= process.env.process.env.{環(huán)境變量名} %>，比如
<script src="xxx.com" app_id="<%= process.env.process.env.MY_APP_ID %>"/>
