nodemon+cross-env+config實現支援熱更新的能根據不同環境載入不同配置的nodejs環境

龔明華發表於2019-02-16
ROSNodeJS

nodejs專案中我們經常會用到nodemon啟動專案以使我們的專案在開發時支援熱更新，修改了程式碼後不需要手動重啟伺服器；使用npm 的config模組實現不同的環境（一般是develop，production，test）；nodemon和config的使用方法這裡不做詳細介紹。cross-env的作用是不需要全域性配置NODE_ENV在scripts指令碼中修改NODE_ENV的值從而實現不同環境中proccess.env.NODE_ENV的不同，而config的工作原理就是基於NODE_ENV這個值的，所以推薦兩者結合使用。先上三個工具結合使用後的配置檔案。

  • /package.json
"scripts": {
    "dev": "nodemon ./bin/www --exec babel-node --presets es2015,stage-2",
    "start": "cross-env NODE_ENV=production babel-node ./bin/www --presets es2015,stage-2"
  },
  "dependencies": {
    // ... other dependencies
    "config": "^3.0.1",
    "cross-env": "^5.2.0",
    // ... other dependencies
  },
  "devDependencies": {
    // ... other devDependencies
    "nodemon"
  • /nodemon.json
{
  "restartable": "rs",
  "ignore": [
    ".git",
    "f2e",
    "node_modules/**/node_modules"
  ],
  "verbose": true,
  "execMap": {
    "js": "node --harmony"
  },
  "events": {
    "restart": "osascript -e `display notification "App restarted due to:
`$FILENAME`" with title "nodemon"`"
  },
  "env": {
    "NODE_ENV": "develop"
  },
  "ext": "js,json"
}

nodemon的配置文件介紹的可以在scripts中一一配置，也可以在上面的配置檔案中配置，我們建議在配置檔案中配置，清晰明瞭還好管理。

nodemon.json中跟本文相關的配置就是env->NODE_ENV配置項，他的值就對應設定了node環境中proccess.env.NODE_ENV的值，

當執行npm run dev 時，proccess.env.NODE_ENV對應的是nodemon的配置檔案中的值
當執行npm run start 時， proccess.env.NODE_ENV對應的是cross-env設定的引數的值

相關文章