reactjs - 生产环境打破了material-ui样式

Question

这是一个很难解释的问题。我正在使用相当基本的 webpack React + Redux + 路由器设置。在该设置中，我仅使用material-ui@1.0.0-beta.43 作为用户界面包。侧面还有一些额外的 scss 样式。所有软件包都是最新的。

在开发环境中，这一切都按预期工作。然而，当它在 NODE_ENV 设置为“生产”的情况下编译时，样式变得非常奇怪。我检查了生产和开发之间的 webpack 配置差异，但这并没有解决任何问题。因此，在包中的某个地方，环境似乎以某种方式破坏了东西。

正常发育

生产环境使用根目录中的 import { Grid } from 'material-ui'

使用从根目录中的'material-ui/es/Grid/Grid'导入网格的生​​产环境

<小时/>

老实说，我不知道为什么会这样。在另一个项目中，我在生产环境中使用了material-ui@1.0.0-beta.22，并以react-create-app为基础，一切正常。使用 beta 22 也不能解决问题。降级到react-create-app 中使用的 webpack 3 也不会。我似乎找不到任何可能导致此结果的重大差异。

如果有人能够阐明可能的解决方案，我将不胜感激。

Answer 1

在我发布这个问题之前经过了 5 个小时的尝试，1 个小时后我终于找到了原因。 IntelliJ 自动导入了包的一些 material-ui/es 部分，这些部分成功地完全破坏了生产中的所有样式。混合两个导入位置或仅使用 /es 导入可能是问题所在。

对我来说，它现在已在生产中修复。