小编kla*_*bak的帖子

仍然不确定如何正确缩小生产版本的默认材质 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'),
);

有什么建议吗？

如何应用包含带 Less 点的 Tailwind CSS 类名？转义 (\) 不起作用。我可以在 Sass 中使用这段代码，没有任何问题：

@apply py-0.5;

语法错误：该类0.5不存在。如果您确定 0.5存在，请确保@import在 Tailwind CSS 看到您的 CSS 之前正确处理任何语句，因为@apply只能用于同一 CSS 树中的类。（7:4）

其他 Tailwind CSS 类名也可以正常工作。