生产环境打破了材料风格

Mik*_*are 2 reactjs webpack material-ui

这是一个非常难以解释的问题.我正在使用一个相当基本的webpack react + redux +路由器设置.在该设置中,我只使用material-ui@1.0.0-beta.43作为用户界面包.另外还有一些额外的scss造型.所有套餐都是最新的.

在开发环境中,这一切都按预期工作.但是当它用NODE_ENV编译时设置为production样式变得非常奇怪.我已经检查了生产和开发之间的webpack配置差异,但这并没有解决任何问题.因此,在一个包中的某个地方环境似乎会破坏事物.

正常发展 正常发展

使用<code>import { Grid } from 'material-ui'</code>在根目录中
使用的生产环境</p>

<p><a rel=生产环境使用<code>import Grid from 'material-ui/es/Grid/Grid'</code>在根目录中
使用的生产环境</p>

<hr>

<p>老实说,我不知道为什么会这样做.在另一个项目中,我使用react-create-app作为基础生产material-ui@1.0.0-beta.22,这一切都很好.使用beta 22也无法解决问题.也没有像在react-create-app中那样降级到webpack 3.我似乎无法找到可能导致这一结果的任何重大差异.</p>

<p>如果有人能够解释可能的解决方案,我们将非常感激.</p></p>
    </div>
  </div>

<div class=

Mik*_*are 7

在我发布这个问题之前5小时的尝试和1小时之后,我终于找到了原因.IntelliJ自动导入material-ui/es了包的某些部分,并设法完全打破了生产中的所有样式.混合两个导入位置或仅使用/es导入可能是问题所在.

对我来说,现在已经在生产中修复了.