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 的配置文件中禁用它。具体步骤如下：

1. 在项目根目录中找到 tsconfig.json 文件。
2. 在 jsconfig.json 文件中，将 jsx 选项设置为 react。

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

通过执行此更改，ant design 将不再自动加载样式，并且你需要手动引入 css 文件。

以上就是React 和 Vite 中如何解决 Ant Design CSS 类不自动加载的问题？的详细内容，更多请关注其它相关文章！