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

IT技术 javascript css node.js reactjs font-awesome
2021-05-19 21:51:44

我正在使用 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'

那么它不起作用。

难道我做错了什么?或者可能有另一种方式?

1个回答

这是我在前端react端完全做到这一点的方法:

  1. <head>标签内包含字体真棒

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    
  2. 安装react-fontawesome

    npm install --save react-fontawesome

  3. 导入文件并在你的react组件中使用它

    import FontAwesome from 'react-fontawesome';
    
    // ..rest of your code
    <FontAwesome name="linkedin" size="2x"/>