javascript - 为什么 CSS 是导入 JSX 文件而不是单独加载？

Question

我不是在问如何将 CSS 导入 JSX 代码 - 有很多指南。我在问为什么。对于上下文，我正在学习 React；我是 React 的新手，对 Javascript 和整个 Web 开发领域还是很陌生。我确信这将是一个幼稚的问题，但我找不到答案。

我看过的所有 React 教程都使用 JSX（可以理解），并且似乎都安装了一个库css-loader，然后import "./index.css"在 JSX 文件本身中包含一个导入语句。

我假设也可以直接将index.css老式文件加载到 HTML 中，并且仍然让它基于我添加到我的 JSX 组件的类名和 ID 应用完全相同的样式。将 CSS 导入 Javascript 或 JSX 文件本身有什么好处（如果有的话）？这似乎是一种普遍的做法。

标签： javascriptcssreactjs