React 和 Vite 中如何解决 Ant Design CSS 类不自动加载的问题？

发布日期： 2024-11-03 阅读量： 作者： 网络

react 和 vite 中如何解决 ant design css 类不自动加载的问题？

react vs. vite：自动加载 css 机制

在引入 css 文件的情况下，使用 css 类不会自动加载 css 样式。然而，某些工具和库可能会提供自动加载功能。

ant design 的自动样式加载

ant design 是一个 react 组件库，它允许你在不引入单独 css 文件的情况下使用 css 类。这是因为 ant design 组件是用 jsx 编写的，jsx 可以包含样式信息。当这些组件被渲染时，ant design 会将样式自动注入到 dom 中。

限制自动加载

如果你不想使用自动加载功能，可以在 ant design 的配置文件中禁用它。具体步骤如下：

{
  "compilerOptions": {
    // ...
    "jsx": "react"
    // ...
  }
}

随便看看