如何在 node.js 中导入 font-awesome 以在 react.js 中使用？
Posted
技术标签:
【中文标题】如何在 node.js 中导入 font-awesome 以在 react.js 中使用？【英文标题】：How to import font-awesome in node.js to use in react.js? 【发布时间】：2017-11-24 14:10:02 【问题描述】：我正在使用 node.js 和 react.js。 我已经像这样导入了自己的 css 文件：
import React from 'react';
import Modal from 'react-modal';
import './../App.css';
这很好用，但是当我尝试像这样添加 font-awesome 时：
import './src/font-awesome-4.7.0/css/font-awesome.css'
那就不行了。
我做错了吗？或者有没有别的办法？
【问题讨论】：
then it doesn't work. - 这个错误很常见，意味着一些非常具体的错误，但它不会告诉我们具体是什么。 - 是否有任何错误出现在任何地方？指定的位置是否正确且您的代码可以访问？
font-awesome 使用相对路径导入字体，通过这种方式导入 css 会破坏相对路径。你用 webpack 吗？
您正在尝试在 javascript 中导入 css 文件？那是不可能的。 import 语句用于“导入从外部模块、另一个脚本等导出的函数、对象或原语” - MDN。
在 React 中试用 npmjs.com/package/react-fa 的 FontAwesome，给它一个漂亮干净的界面。
另请查看react-icons
【参考方案1】：
这是我完全在前端反应方面的做法：
在<head> 标签中包含字体 awesome
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
安装react-fontawesome
npm install --save react-fontawesome
导入文件并在你的反应组件中使用它
import FontAwesome from 'react-fontawesome';
// ..rest of your code
<FontAwesome name="linkedin" size="2x"/>
【讨论】：
以上是关于如何在 node.js 中导入 font-awesome 以在 react.js 中使用？的主要内容，如果未能解决你的问题，请参考以下文章
在 node.js 中导入 sql 文件并针对 PostgreSQL 执行
在 Node.js 中导入：错误“必须使用导入来加载 ES 模块”[重复]