欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

深入淺析vue中cross-env的使用

 更新時間：2019年09月12日 08:18:26   作者：消息  
cross-env是跨平臺設置和使用環(huán)境變量的腳本。這篇文章主要介紹了vue中cross-env的使用,需要的朋友可以參考下

cross-env

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

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

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

使用

安裝

npm install cross-env --save-dev
package.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的全局變量

適用場景

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

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

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

cross-env能跨平臺地設置及使用環(huán)境變量

大多數(shù)情況下，在windows平臺下使用類似于: NODE_ENV=production的命令行指令會卡住，windows平臺與POSIX在使用命令行時有許多區(qū)別（例如在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的使用,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

您可能感興趣的文章:

相關文章

最新評論