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

珍惜时间，勤奋学习！今天给大家带来《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 类不自动加载的问题？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！