Font-awesome 5.13.0 with react

Question

我正在尝试在一个react.js应用程序中使用Font-Awese5.13.0，有没有像这样使用图标的方法：

<i className="fas fa-tachometer-alt fa-fw "></i>

而不是使用“官方反应方式”，比如：

import { faHome } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

<FontAwesomeIcon icon={faHome} />

提前谢谢。

Answer 1

您可以从类似https://www.bootstrapcdn.com/fontawesome/的CDN上盗链css (请记住配置CSP)

另一种选择是从节点模块导入Font Awesome css

import '../node_modules/@fortawesome/fontawesome-free/css/all.css';

您需要将构建工具配置为加载sass/css文件，就像为webpack加载这样的文件一样

{
    test: /\.(sass|scss|css)$/,
    use: ['style-loader','css-loader','sass-loader']
},

您需要配置您的构建工具来加载字体文件，就像为webpack加载字体文件一样

{
    test: /\.(svg|eot|woff|woff2|ttf)$/,
    use: ['file-loader']
}