111111

当我们使用 NODE_ENV = production 来设置环境变量的时候,大多数windows命令会提示将会阻塞或者异常,或者,windows不支持NODE_ENV=development的这样的设置方式,会报错。因此 cross-env 出现了。我们就可以使用 cross-env命令,这样我们就不必担心平台设置或使用环境变量了。也就是说 cross-env 能够提供一个设置环境变量的scripts,这样我们就能够以unix方式设置环境变量,然而在windows上也能够兼容的。

如上信息可以看到 process.env.NODE_ENV 打印出为undefined,那是因为我们在 package.json文件中未进行配置。下面我们把package.json 加上 NODE_ENV变量值,代码打包命令变成如下:

npm install --save-dev cross-env

 然后在package.json里写入cross-env NODE_ENV=development

 "dev": "cross-env NODE_ENV=development webpack-dev-server --hot --open --config ./webpack.config.js --mode development  --progress --display-modules --colors --display-reasons",
"build": "cross-env NODE_ENV=production webpack --config ./webpack.config.js --mode production"
 

Hot Module Replacement is disabled

如果出现Uncaught Error: [HMR] Hot Module Replacement is disabled 错误

111111_第1张图片

加上以下2段代码即可

111111_第2张图片

你可能感兴趣的:(111111)