亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

cross-env

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

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

使用 cross-env 可以設(shè)置在不同的平臺(tái)上有相同的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的全局變量

適用場(chǎng)景

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

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

知識(shí)點(diǎn)擴(kuò)展：cross-env使用筆記

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

大多數(shù)情況下，在windows平臺(tái)下使用類似于: NODE_ENV=production的命令行指令會(huì)卡住，windows平臺(tái)與POSIX在使用命令行時(shí)有許多區(qū)別（例如在POSIX，使用$ENV_VAR,在windows，使用%ENV_VAR%。。。）

cross-env讓這一切變得簡(jiǎn)單，不同平臺(tái)使用唯一指令，無(wú)需擔(dān)心跨平臺(tái)問(wèn)題

npm安裝方式

npm i --save-dev cross-env

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

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

運(yùn)行npm run build，這樣NODE_ENV便設(shè)置成功，無(wú)需擔(dān)心跨平臺(tái)問(wèn)題

總結(jié)

以上所述是小編給大家介紹的vue中cross-env的使用,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

您可能感興趣的文章:

相關(guān)文章

最新評(píng)論