反応コンポーネントがフォントをインポートしないawesome less/cssファイル

Question

私のアプリケーションでreact-fontawesomeを使用しようとしています。私の反応コンポーネントクラスは以下の通りです：

私はフォントを読み込んでいますが、アイコンはブラウザに表示されません。クラス名がdomに設定されていますが、domに関連付けられたCSSスタイルはありません。私はまた、以下のようにCSSファイルをインポートしようとしましたが、それでも動作しません。

import 'font-awesome/css/font-awesome.min.css'

私のコードの何が問題？

Answer 1

あなたはWebPACKのためlessローダーを持っていることを確認してください：

module: { 
    loaders: [ 
     { test: /\.less?$/, loaders: ['style', 'css', 'less'] }   
    ] 
} 

あなたものようなアイコン（フォント）をロードする必要があるかもしれません：

{ test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" }, 
{ test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }