覆盖 index.html css react 项目

Posted 2023-02-23

【中文标题】覆盖 index.html css react 项目

【英文标题】：Overriding index.html css react project

【发布时间】：2020-01-03 00:22:54

【问题描述】：

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

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

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

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

谢谢！

【问题讨论】：

尝试在作为所有组件的父级的根 App.js 中导入，或添加此链接 在公用文件夹 public/index.html 中，这是常见的

【参考方案1】：

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

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

导入'./mycss.css';