Javascript 物料界面/网页包/反应-生产模式下的类名优化/缩小
通常情况下,所有类都应该是第一个示例中的最后一个类。由于某种原因,在生产模式上,许多类没有改变。有什么想法吗 例1:Javascript 物料界面/网页包/反应-生产模式下的类名优化/缩小,javascript,reactjs,webpack,material-ui,production,Javascript,Reactjs,Webpack,Material Ui,Production,通常情况下,所有类都应该是第一个示例中的最后一个类。由于某种原因,在生产模式上,许多类没有改变。有什么想法吗 例1: webpack - v4+ material ui - v4.9.6 react - v16.12.0 例2: <div class="MuiDrawer-root MuiDrawer-docked jss408"></div> 样式类名在产品模式中未设计为确定性 但是@material ui/core组件生成的类名表现不同。当满足以下条件时,类名
webpack - v4+
material ui - v4.9.6
react - v16.12.0
例2:
<div class="MuiDrawer-root MuiDrawer-docked jss408"></div>
样式
类名
在产品模式中未设计为确定性
但是@material ui/core
组件生成的类名表现不同。当满足以下条件时,类名是确定的:
- 仅使用一个主题提供程序(无主题嵌套)
- 样式表的名称以Mui(所有材质UI组件)开头李>
- 类名生成器的disableGlobal选项为false(默认值)李>
参考:
- 物料界面文档
- 发电机的API
<div class="MuiPaper-root jss469 MuiPaper-elevation1 MuiPaper-rounded"></div>