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

标签 css reactjs

我想在我的 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/

相关文章:

html - 带有省略号和 nowrap 空白的文本换行

jquery - 使用具有非固定高度/宽度容器的流沙

javascript - react-fullpage - 避免渲染中的 setState 无限循环

javascript - 如何将 state 中定义的数组中的值传递给显示组件的组件?

reactjs - React-router 安装了错误的组件

CSS如何对齐元素

html - .col 元素的内联样式

css - LESS/SASS 中的主题变量

reactjs - `react-text`是什么?

reactjs - 类型 '{}' 不可分配给类型 'IntrinsicAttributes & IntrinsicClassAttributes<Search> & Readonly<{ children? : ReactNode; }>