cross-env怎么在vue中使用

cross-env怎么在vue中使用？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

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)題

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。