javascript - node的NODE_EN如何使用

Question

問題1：專案json.package檔內有NODE_ENV=development，是表示執行npm run dev就設定node環境切換為開發環境？

問題2：那麼寫NODE_ENV=development與不寫有啥不同

  "scripts": {
    "compile": "NODE_ENV=production webpack",
    "start": "npm run dev",
    "dev": "NODE_ENV=development node --harmony bin/webpack-dev-server",
  },

問題3：當我執行npm start，出現這個無法正常運作是為什麼？

$ npm start

> react-redux-jwt-auth-example@0.1.0 start C:\Users\Administrator\Desktop\react-redux-jwt-auth-example
> npm run dev


> react-redux-jwt-auth-example@0.1.0 dev C:\Users\Administrator\Desktop\react-redux-jwt-auth-example
> NODE_ENV=development node --harmony bin/webpack-dev-server

'NODE_ENV' ▒▒▒▒▒ڲ▒▒▒▒ⲿ▒▒▒Ҳ▒▒▒ǿ▒▒▒▒еij▒▒▒
▒▒▒▒▒▒▒▒▒ļ▒▒▒

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "D:\Program Files\nodejs\node.exe" "D:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
npm ERR! node v7.2.0
npm ERR! npm  v3.10.9
npm ERR! code ELIFECYCLE
npm ERR! react-redux-jwt-auth-example@0.1.0 dev: `NODE_ENV=development node --harmony bin/webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the react-redux-jwt-auth-example@0.1.0 dev script 'NODE_ENV=development node --harmony bin/webpack-dev-server'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the react-redux-jwt-auth-example package,
npm ERR! not with npm itself.

Answer 1

1. npm run dev 是【約定俗成】的開發環境語句，一般習慣是在這條語句內設定 NODE_ENV 環境變數。這不是必須的，但大家都這麼做…

2. 如果不寫，那麼你就起的開發環境就沒有設定入 NODE_ENV 這個變數。在 Vue 和 React 內部會檢查這個環境變量，如在 React 中，當 NODE_ENV 為 development 時會額外開啟類型檢查來方便開發。 Vue 中這個環境變數也會影響 Vuex 等插件內部時間旅行一類的功能。

3. Windows 下環境變數有坑，可能需要 cross-env 這個套件來輔助設入環境變數。

Answer 2

寫了NODE_ENV=development就可以在程式中透過以下程式碼來判斷是在哪一個環境：

if (process.env.NODE_ENV === 'development') {
    // 开发环境
}