VUE CLI配置自動生成環境變數

2021-10-01 18:56:27 字數 978 閱讀 2747

npm install dotenv
在根目錄下建立.env檔案，內容如下：

web_socket = '192.168.1.111'
在build資料夾下新建zpreface.js檔案，內容如下：

const fs = require('fs')


const path = require('path')


const env = path.join(__dirname, '../.env')


const out = path.join(__dirname, '../static/config.js')


const script = function (env_file = env, out_file = out)  = require('dotenv').config()


fs.writefilesync(out_file, `window.zpreface = '$'`)


}script();


module.exports = script
在static檔案加下建立config.js，內容如下：

window.zpreface = '192.168.1.111'（此內容是根據.env自動生成，打包後可更改）
檢視根目錄下的package.json檔案裡的scripts/dev、build內容路徑，如下圖

找到dev、build路徑下的檔案寫入以下**：

require('./zpreface')()
最後一步，在index.html檔案裡引入static/config.js檔案：

vue cli3 0配置開發環境與生產環境變數

第一步 在根目錄建立兩個檔案，檔名分別為 env.development和.env.production 第二步 分別編輯這兩個檔案 在不同的環境下設定不同的環境變數 env.development，這是開發環境下的url env.production，這是生產環境下的url 第三步 設定不同環境的...

vue cli環境配置

vue cli 2.0腳手架，修改config資料夾裡面的dev.env.js，prod.env.js，test.env.js 注意所有value都有單引號裡面巢狀雙引號，另外就是開發跨域的就直接跨域，但是配置的時候不要配置 api 我配置成這樣是報錯的 dev.env.js use strict ...

macOS配置Android SDK 環境變數

1 啟動終端，可以在spotlight中搜尋 終端 2 進入當前使用者的home目錄 cd home3 建立 bash profile 檔案 當該檔案不存在時 如果檔案已存在，直接開啟檔案即可 touch bash profile4 開啟.bash profile檔案，對其內容進行編輯 open e...