如何在 node.js 中导入 font-awesome 以在 react.js 中使用？答案

【问题标题】：How to import font-awesome in node.js to use in react.js?如何在 node.js 中导入 font-awesome 以在 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

标签： javascript css node.js reactjs font-awesome

【解决方案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"/>

【讨论】：