1 環境

win7 win10

2 問題

我要執行的npm script如下： 
(指令碼的內容不需要關注，需要關注的是它的寫法。）

"scripts": {
    "test": "mocha --require ignore-styles --compilers js:babel-core/register --require             spec/helpers/browser.js --recursive spec/**/*_spec.*",
    "cover": "babel-node node_modules/.bin/babel-istanbul cover _mocha -- --require ignore-styles spec/helpers/browser.js --recursive spec/**/*_spec.*",
    "dev": "NODE_ENV=dev webpack --watch --colors --progress --debug --output-pathinfo --devtool eval-cheap-source-map",
    "dev-slow": "NODE_ENV=dev webpack --watch --colors --progress --debug --output-pathinfo --devtool inline-source-map",
    "dev-fast": "echo 'dev-fast in now replaced by dev'",
    "prod": "NODE_ENV=production node --max_old_space_size=4096 ./node_modules/webpack/bin/webpack.js -p --colors --progress",
    "build": "NODE_ENV=production webpack --colors --progress",
    "lint": "eslint --ignore-path=.eslintignore --ext .js,.jsx .",
    "lint-fix": "eslint --fix --ignore-path=.eslintignore --ext .js,.jsx .",
    "sync-backend": "babel-node --presets env src/syncBackend.js"
  },
 

執行指令碼都報同樣的錯誤：

'NODE_ENV' 不是內部或外部命令，也不是可執行的程式
或批處理檔案。

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "D:\\nodejs\\node.exe" "D:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
npm ERR! node v4.0.0-rc.5
npm ERR! npm  v2.14.2
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: `npm run clear&& NODE_ENV=development && webpack-dev-server --host 0.0.0.0 --devtool ev
al --progress --color --profile`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the 
 
[email protected] start script 'npm run clear&& NODE_ENV=development && webpack-dev-server --host
0.0.0.0 --devtool eval --progress --color --profile'.
npm ERR! This is most likely a problem with the yy-ydh-web package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     npm run clear&& NODE_ENV=development && webpack-dev-server --host 0.0.0.0 --devtool eval --progress --color
 --profile
npm ERR! You can get their info via:
npm ERR!     npm owner ls yy-ydh-web
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     D:\workspace\node_modules\yy-ydh-web\npm-debug.log
 

• 簡單來說，就是windows不支援NODE_ENV=development的設定方式。
• 經過一番搜尋，我找到了解決方法：cross-env。
• 這個迷你的包能夠提供一個設定環境變數的scripts，讓你能夠以unix方式設定環境變數，然後在windows上也能相容執行。

• 使用方法：

• 安裝cross-env:yarn add cross-env --dev
• 在NODE_ENV=xxxxxxx前面新增cross-env就可以了。

•  "scripts": {
      "test": "mocha --require ignore-styles --compilers js:babel-core/register --require spec/helpers/browser.js --recursive spec/**/*_spec.*",
      "cover": "babel-node node_modules/.bin/babel-istanbul cover _mocha -- --require ignore-styles spec/helpers/browser.js --recursive spec/**/*_spec.*",
      "dev": "cross-env NODE_ENV=dev webpack --watch --colors --progress --debug --output-pathinfo --devtool eval-cheap-source-map",
      "dev-slow": "cross-env NODE_ENV=dev webpack --watch --colors --progress --debug --output-pathinfo --devtool inline-source-map",
      "dev-fast": "cross-env echo 'dev-fast in now replaced by dev'",
      "prod": "cross-env NODE_ENV=production node --max_old_space_size=4096 ./node_modules/webpack/bin/webpack.js -p --colors --progress",
      "build": "cross-env NODE_ENV=production webpack --colors --progress",
      "lint": "eslint --ignore-path=.eslintignore --ext .js,.jsx .",
      "lint-fix": "eslint --fix --ignore-path=.eslintignore --ext .js,.jsx .",
      "sync-backend": "babel-node --presets env src/syncBackend.js"
    },

   然後執行yarn dev即可執行，修改了檔案可以直接預編譯。開發效率也加快了