Material ui 如何缩小材质UI类名（v5）？

仍然不确定如何正确缩小生产构建的默认材质UI类名（例如

MuiList root MuiList padding

）

import React from 'react';
import ReactDOM from 'react-dom';
import StyledEngineProvider from '@material-ui/core/StyledEngineProvider';
import CssBaseline from '@material-ui/core/CssBaseline';
import { ThemeProvider, StylesProvider, createGenerateClassName } from '@material-ui/core/styles';

const generateClassName = createGenerateClassName({
    productionPrefix: 'foobar',
});

ReactDOM.render(
    <StyledEngineProvider injectFirst>
        <StylesProvider generateClassName={generateClassName}>
            <ThemeProvider theme={theme}>
                <CssBaseline />
                <App />
            </ThemeProvider>
        </StylesProvider>
    </StyledEngineProvider>,
    document.querySelector('#root'),
);

从“React”导入React；
从“react dom”导入react dom；
从“@material ui/core/StyledEngineProvider”导入StyledEngineProvider；
从“@material ui/core/CssBaseline”导入CssBaseline；
从“@material ui/core/styles”导入{ThemeProvider、StylesProvider、createGenerateClassName}；
const generateClassName=createGenerateClassName({
productionPrefix:'foobar'，
});
ReactDOM.render(
,
document.querySelector（“#root”），
);

---

有什么建议吗？

也许这会有帮助：（意味着，它不应该缩小，因为

Mui-…

类名应该是确定性的）。当我查看Shutterstock时，他们缩短了所有Mui类名。不知道这是怎么回事。你怎么知道他们在使用材质ui？好的，Shutterstock使用react工具箱（材质设计组件）来创建网站。Material UI列出了主站点上的Shutterstock（但可能仅适用于iOS应用程序）。