gpt4 book ai didi

css - 将 CSS 文件导入到 head 中的 React 应用程序

转载 作者:行者123 更新时间:2023-11-28 12:02:34 24 4
gpt4 key购买 nike

我想在我的 HTML 头部添加一个指向 CSS 文件的链接 - 就这么简单。我不想将 CSS 插入到 HTML 中,因为这看起来很糟糕。

我创建了一堆样式,我想在全局范围内应用到我的 React 应用程序 - 所以这似乎是一件明智的事情。

我正在尝试导入我的样式;

导入 './css/main.css';

当我这样做时,React 将我的 CSS 作为内联样式添加到我的 HTML 的头部。所以实际上该应用程序可以正常工作并且看起来正确,但这看起来很乱而且完全错误 - 我更愿意直接链接到 CSS 文件.

我确实找到了 similar question关于如何将 CSS 添加到 React 组件而不是整个应用程序头部。

希望这很清楚,如果有人可以指出一些文档或解释我做错了什么,我们将不胜感激。

最佳答案

只需像往常一样在 HTML 文档的 HEAD 中抓取文件。例如

<link rel="stylesheet" href="/style/mystyle.css" />

关于css - 将 CSS 文件导入到 head 中的 React 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44286400/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com