reactjs - 使用 font-awesome 来 react 创建应用程序

Question

我正在使用create-react-app我正在尝试集成 font-awesome，以便我可以在我的 SPA 中使用它。

我已经完成了 npm install font-awesome 并安装了它，但是当我尝试调用 import 'font-awesome/css/font-awesome.css'我收到以下错误:

Compiling...
Failed to compile.

Error in ./~/font-awesome/css/font-awesome.css
Module parse failed: C:\Projects\myproject\ui\node_modules\font-awesome\css\font-awesome.css Unexpected character '@' (7:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected character '@' (7:0)
 @ ./src/index.js 11:0-44

Answer 1

这是与 webpack 相关的...

Webpack需要使用loader来读取并解析不同的import语句...

CSS 加载器 https://github.com/webpack-contrib/css-loader