npm start

在 package.json 中，輸入以下代碼，將這一串命令封裝為npm start，這樣就可以運(yùn)行項(xiàng)目代碼了。

  "scripts": {
    "start": "NODE_ENV=dev webpack-dev-server --progress --colors"
  }

代碼中NODE_ENV=dev代表當(dāng)前是開發(fā)環(huán)境下，這里的"dev"可被 js 代碼中的process.env.NODE_ENV得到并做一些其他處理。

定義環(huán)境全局變量

以下定義，可使得代碼通過__DEV__得到當(dāng)前是不是開發(fā)模式。

    new webpack.DefinePlugin({
      __DEV__: JSON.stringify(JSON.parse((process.env.NODE_ENV == 'dev') || 'false'))
    })

打開./app/util/localStore.js可以看到if (__DEV__) { console.error('localStorage.getItem報(bào)錯, ', ex.message) }，即只有開發(fā)環(huán)境下才提示error，發(fā)布之后就不會提示了。（因?yàn)榘l(fā)布的命令中用到NODE_ENV=production）

"scripts": {
    "start": "NODE_ENV=dev webpack-dev-server --progress --colors",
    "build": "rm -rf ./build && NODE_ENV=production webpack --config ./webpack.production.config.js --progress --colors"
  }

注：在Windows下，start和build應(yīng)配置為下面這樣

"scripts": {
    "start": "set NODE_ENV=dev && webpack-dev-server --progress --colors",
    "build": "rm -rf ./build && set NODE_ENV=production && webpack --config ./webpack.production.config.js --progress --colors"
  }