webpack開發環境和生產環境切換原理


在package.json中有如下設置:

"scripts": {
    "dev": "node build/dev-server.js",
    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
    "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
    "lint": "eslint --ext .js,.vue src"
  },

當運行項目時,cmd中敲命令:npm run dev/npm run build:prod/npm run build:sit/npm run lint,就會運行不同環境下的代碼,如開發環境、生產環境等等。

其中cross-env是用於跨平台環境變量配置的工具,支持在window系統、linux系統等多個平台使用同樣的代碼配置環境變量;

NODE_ENV=production env_config=prod,這句代碼的意思是當前運行環境的環境變量,可以通過process.env進行獲取,如process.env.NODE_ENV,process.env.env_config等等,process.env是全局變量,通過獲取以上兩個值來判斷當天運行的是生產環境還是開發環境。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM