我正在参加 Scrimba 上的训练营，他们正在使用在线平台。在 React 课程中，我在本地工作时使用 index.css 文件，然后在 index.js 文件中导入它
// CSS File
import "./index.css";
但我需要了解 React 如何处理 cSS 文件，为什么我们不在 index.html 中使用普通的 main.css 文件以及如何将其转换为 index.html 文件中的文件，并且没有样式表链接.
【问题讨论】：
import它，你的 React 捆绑工具将捆绑 CSS。这既适用于在线编辑器，也适用于您的本地计算机，具体取决于您如何设置 React 项目。
标签： javascript html css reactjs
它是如何翻译成 index.html 文件中的内容的，并且没有样式表的链接
如果你仔细观察，在 HTML 文件中甚至没有
<script>来加载你的 JS 应用程序，但它仍然有效！正如问题 cmets 中的 Kokodoko 所暗示的那样，一些 React 工具在这里起作用。它通常基于 webpack 构建引擎，它使用加载器和插件来处理不同类型的文件（包括您的 CSS），并根据您的模板生成 HTML 文件，但注入
<script>和<link>（或 @ 987654327@，取决于您的实际装载机及其配置）。如果你想要更多的解释，那就太多了，但是有很多资源详细描述了历史和它是如何工作的。参见例如：
- webpack概念：https://webpack.js.org/concepts/
- HtmlWebpackPlugin: https://webpack.js.org/plugins/html-webpack-plugin/
顺便说一句，关于将脚本和样式捆绑和注入到 HTML 中，Angular 也以这种方式工作。
【讨论】：