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

IT技术 javascript reactjs webpack material-ui production
2021-05-02 01:29:11
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>
1个回答

样式className在 prod 模式下没有被设计为确定性的。

但是生成的@material-ui/core组件类名的行为不同。当满足以下条件时,类名是确定性的:

  • 仅使用一个主题提供程序(无主题嵌套)
  • 样式表的名称以 Mui(所有 Material-UI 组件)开头。
  • 类名生成器的 disableGlobal 选项为 false(默认)。

参考: