1

为了便于测试和调试，我们希望像 MUI 标记它们自己的内部组件一样标记我们自定义样式的组件。

目前，所有自定义样式的组件都获得以下格式的类：class="css-vxvgcl"就像所有 MUI 组件都获得类名一样：MuiBadge-root css-comk89

情感风格的组件可以通过在插件部分下的 babelrc 文件中添加以下部分来处理这个问题：

    [
          "@emotion",
          {
            "sourceMap": true,
            "autoLabel": "always",
            "labelFormat": "[local]",
            "cssPropOptimization": true
          }
    ],

然而，这导致我们需要从情感而不是从 MUI 中导入样式。

// import { styled } from '@mui/material/styles'; Can't be used if babel-setup should kick in
import styled from '@emotion/styled';

这感觉像是与 MUI 风格的解决方案有风险的脱节。在 babelrc 文件中是否有任何可能的解决方案来处理这个问题，而不必在我们的组件中使用情感/样式？

4

0 回答 0