Material UI / Webpack / React - 生产模式下的类名优化/缩小

Question

webpack - v4+ material ui - v4.9.6 react - v16.12.0在正常情况下，所有类都应该是第一个示例中的最后一个。由于某种生产模式的原因，许多类没有改变。任何的想法？示例 1：<div class="MuiDrawer-root MuiDrawer-docked jss408"></div>示例 2：<div class="MuiPaper-root jss469 MuiPaper-elevation1 MuiPaper-rounded"></div>

Answer 1

在 prod 模式下，样式className不是确定性的。

但是组件的生成类名@material-ui/core表现不同。当满足以下条件时，类名是确定的：

• 仅使用一个主题提供程序（无主题嵌套）

• 样式表的名称以 Mui（所有 Material-UI 组件）开头。

• 类名生成器的 disableGlobal 选项为 false（默认值）。

•