如何解决将 css 从公共文件夹导入任何反应组件
我正在整合内容构建器的反应包。
有很多文件需要放在 public 文件夹中,然后在 index.html 文件中添加 css 和 js 的引用
<link href="/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
<link href="/assets/ionicons/css/ionicons.min.css" rel="stylesheet">
<script src="/contentbuilder/lang/en.js"></script>
<script src="/assets/minimalist-blocks/content.js" type="text/javascript"></script>
现在 css 正在打破所有其他应用程序样式。
我想只在需要包的组件中导入 css 文件,但由于我不知道如何从公共文件夹导入,我复制了上面两个 css 文件并将其放入 src 文件夹中并导入。但似乎 css 文件正在使用其他一些 css 字体等,所以它无法工作...
谢谢
解决方法
你可以使用标签在你的 React 应用中包含一个 css 文件。
<link rel="stylesheet" href="%PUBLIC_URL%/style.css" type = "text/css" />
很遗憾,我们无法将公共文件夹中的 css 文件导入 JavaScript 文件(React 组件)。
要在 React 组件中导入 css 文件,您必须将 style.css 文件移动到 src 文件夹并像这样在 App.js 中导入文件
import './style.css';
,
在你的 React 应用中本地编写 css 样式?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。