Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 物料界面/网页包/反应-生产模式下的类名优化/缩小_Javascript_Reactjs_Webpack_Material Ui_Production - Fatal编程技术网

Javascript 物料界面/网页包/反应-生产模式下的类名优化/缩小

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组件生成的类名表现不同。当满足以下条件时,类名

通常情况下,所有类都应该是第一个示例中的最后一个类。由于某种原因,在生产模式上,许多类没有改变。有什么想法吗

例1:

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

谢谢。这解决了问题:const generateClassName=createGenerateClassName({disableGlobal:true})和。。。。
<div class="MuiPaper-root jss469 MuiPaper-elevation1 MuiPaper-rounded"></div>