覆盖 index.html css react 项目

Question

希望这是一个简单的过程。我正在研究一个反应项目（跟随教程）。我克隆的 repo 有一个自定义 css 引用，该引用正在我的 index.html 头中应用：

<link rel="stylesheet" href="//demo.productionready.io/main.css">

我很好奇如何在我的项目目录中应用本地 css 文件，以便它覆盖我认为合适的外部样式。

在我的 src 文件夹中通过 npx create-react-app 创建了一个默认 index.css 文件。我是否需要将其导入每个反应组件才能使其正常工作？

谢谢！

Answer 1

您无需修改​​ index.html。您可以修改默认的index.css文件或将其删除！

如果您想应用本地 css 文件，请将其导入到您的组件中。 或者如果你想要一个全局 css 文件，在 App.js 中导入 css 文件，它适用于所有组件。

导入'./mycss.css';