摇树不'；不能在webpack 4中使用babel loader

我正在修改webpack文档中的摇树示例。但是，一旦我把巴别塔加载器添加到混合中，摇树似乎就不起作用了。 以下是我的项目概述：

index.js：

从“/math”导入{cube}；
函数组件（）{
常量元素=document.createElement（'pre'）；
element.innerHTML=[
“你好，网页包！”，
“5立方等于”+立方（5）
].join（'\n\n'）；
返回元素；
}
document.body.appendChild（component（））我的问题终于解决了。我应该在运行webpack时指定“cross env NODE_env=production”。在插件中使用DefinePlugin将NODE_ENV设置为“production”甚至是不够的。似乎babel loader关闭了命令中的“NODE_ENV=production”

哦，我终于发现是react hot loader从命令中键入了NODE_ENV=production
 在我的例子中，为了使树震动工作，我还必须显式地设置NODE_ENV:

"scripts": {
    "build": "cross-env NODE_ENV=production webpack --config webpack.prod.js"
}

没有人喜欢构建脚本中的screenshotsForgot NODE_ENV=production。react hot loader（反应热装载机）键已关闭。