React 或 Vite 是否会自动加载 CSS？

React 或 Vite 是否自动加载 CSS？

在 React 中，如果未显式导入 CSS，而页面却出现了 CSS 效果，这可能是以下原因造成的：

你使用的第三方组件库，例如 AntD，包含了自己的 CSS 样式。这些组件库在使用时会自动加载其 CSS 样式，无需显式导入。在你的代码示例中，class 的样式可能是由 AntD 组件提供的。

要禁止自动加载 CSS，可以采用以下方法：

• 对于 React 项目：

  • 在 webpack 配置中设置 ignoreOrder 选项为 true。
  • 使用 CSS 预处理器，例如 Less 或 Sass，并显式导入所需的 CSS 文件。

• 对于 Vite 项目：

  • 使用 CSS 预处理器，并显式导入所需的 CSS 文件。