node.jsでfont-awesomeをインポートしてreact.jsで使用するにはどうすればいいですか？

私はnode.jsとreact.jsで作業しています。私はまだのように自分のCSSファイルをインポート：node.jsでfont-awesomeをインポートしてreact.jsで使用するにはどうすればいいですか？

import React from 'react'; 
import Modal from 'react-modal'; 
import './../App.css';

を、これは正常に動作しますが、私はそうのようなフォント素晴らしいを追加しようとすると：

import './src/font-awesome-4.7.0/css/font-awesome.css'

それは動作しません。

何か間違っていますか？それとも別の方法がありますか？私は、フロントエンドで完全にそれをやった方法をここで

出典

2017-06-21 sventastic

'それはwork.'しない反応 - その誤差は非常に一般的であり、非常に具体的なものを意味間違っているが、それは私たちに正確に何を教えてくれませんが。 - どこにエラーが表示されますか？指定された場所が正しいか、あなたのコードによって到達可能か？ – Nope

font-awesome import fontは相対パスであり、この方法でCSSをインポートすると相対パスが破られます。あなたはwebpackを使いますか？ – Vashnak

JavaScriptでCSSファイルをインポートしようとしていますか？それは可能ではありません。 'import'ステートメントは、*外部モジュール、別のスクリプトなどからエクスポートされた関数、オブジェクト、またはプリミティブをインポートする* * - [MDN]（https://developer.mozilla.org/sv-SE/） docs/Web/JavaScript/Reference/Statements/import）。 – Chris

が反応だ側：

が<head>タグ内の素晴らしいフォント含める

<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"/>

出典

2017-06-21 16:32:56

これは別の方法です。ありがとう！ – sventastic

node.jsでfont-awesomeをインポートしてreact.jsで使用するにはどうすればいいですか？

答えて

関連する問題