cross-env

cross-env是跨平臺設置和使用環境變量的腳本。

在大多數Windows命令行中在使用NODE_ENV = production設置環境變量時會報錯。同樣，Windows和Linux命令如何設置環境變量也有所不同。

使用 cross-env 可以設置在不同的平臺上有相同的NODE_ENV參數。

使用

安裝

npm install cross-env --save-devpackage.json"scripts": {  "serve": "cross-env NODE_ENV=development vue-cli-service serve --open",  "build": "cross-env NODE_ENV=production vue-cli-service build"}

development
production

process為node的全局變量

適用場景

適用于本地線上環境有差異的場景，例如本地線上使用不用的開發域名則可以通過 NODE_ENV 來判斷

if(process.env.NODE_ENV!='development'){  //線上環境}

知識點擴展：cross-env使用筆記

cross-env能跨平臺地設置及使用環境變量

大多數情況下，在windows平臺下使用類似于: NODE_ENV=production的命令行指令會卡住，windows平臺與POSIX在使用命令行時有許多區別（例如在POSIX，使用$ENV_VAR,在windows，使用%ENV_VAR%。。。）

cross-env讓這一切變得簡單，不同平臺使用唯一指令，無需擔心跨平臺問題

npm安裝方式

npm i --save-dev cross-env

在npm腳本(多是package.json)里這么配置

{ "scripts": {  "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js" }}

運行npm run build，這樣NODE_ENV便設置成功，無需擔心跨平臺問題

總結

以上所述是小編給大家介紹的vue中cross-env的使用,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！