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

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括科爾沁左翼網(wǎng)站建設(shè)、科爾沁左翼網(wǎng)站制作、科爾沁左翼網(wǎng)頁制作以及科爾沁左翼網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，科爾沁左翼網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到科爾沁左翼省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

cross-env

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

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

使用 cross-env 可以設(shè)置在不同的平臺上有相同的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)境
}

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

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

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

cross-env讓這一切變得簡單，不同平臺使用唯一指令，無需擔(dā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è)置成功，無需擔(dān)心跨平臺問題

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。