npm start
在 package.json 中,输入以下代码,将这一串命令封装为npm start
,这样就可以运行项目代码了。
"scripts": {
"start": "NODE_ENV=dev webpack-dev-server --progress --colors"
}
代码中NODE_ENV=dev
代表当前是开发环境下,这里的"dev"
可被 js 代码中的process.env.NODE_ENV
得到并做一些其他处理。
定义环境全局变量
以下定义,可使得代码通过__DEV__
得到当前是不是开发模式。
new webpack.DefinePlugin({
__DEV__: JSON.stringify(JSON.parse((process.env.NODE_ENV == 'dev') || 'false'))
})
打开./app/util/localStore.js
可以看到if (__DEV__) { console.error('localStorage.getItem报错, ', ex.message) }
,即只有开发环境下才提示error,发布之后就不会提示了。(因为发布的命令中用到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应配置为下面这样
"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"
}