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

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

cross-env

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

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

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

使用

安裝

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的全局變量

適用場景

適用于本地線上環境有差異的場景，例如本地線上使用不用的開發域名則可以通過 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便設置成功，無需擔心跨平臺問題

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創新互聯行業資訊頻道，感謝您對創新互聯的支持。

分享題目：cross-env怎么在vue中使用
當前路徑：http://m.jcarcd.cn/article/jheoce.html