将CSS文件导入到head中的react应用程序中

Nei*_*sey 5 css reactjs

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

我已经创建了一堆样式,我想将它们全局应用到我的 React 应用程序 - 所以这似乎是一个明智的做法。

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

import './css/main.css';

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

我确实发现了一个类似的问题,关于如何将 CSS 添加到 React 组件,但不是整个应用程序头。

希望这是清楚的,如果有人可以向我指出一些文档或解释我做错了什么,我将非常感激。

Dru*_*rum 1

只需照常抓取 HTML 文档 HEAD 中的文件即可。例如

<link rel="stylesheet" href="/style/mystyle.css" />
Run Code Online (Sandbox Code Playgroud)