2017-06-26 10 views
1

webpackを使用してnext.jsプロジェクトにfont-awesomeを追加しようとしています。私は(ファイルローダー、URLローダーを使用して)Web上で見つけた様々な手順を試してみましたが、何も私のために働いていません。私はwebpackを使ってフォントをすばやく読み込むことを断念しましたが、これをどのように達成できるかを知りたいと思います。現在、私は.scssファイルを持っています。私はfont-awesomeを読み込むために使用しています。nextjsプロジェクトにfont-awesomeを追加するには

それの内容:

$fa-font-path: "static/fonts"; 
@import "~font-awesome/scss/font-awesome.scss"; 

そして、私は手動でnode_modules/font-awesome/fontsからstatic/fontsにフォントを移動しています。これは完全に動作しますが、2017年にウェブパックが2つの方法で実行されるかどうかを知りたかったのです。

答えて

1

これを行う方法はいくつかあります。最初はそこに次/ヘッドおよびインポートを介してヘッド・コンポーネントを作成することです - here:

を見るもう一つの方法は、可能性があり、単純なimport 'font-awesome/css/font-awesome.min.css'

とそこにあなたのページをラップするHOCを作成し、インポートすることですか、あなた同じ種類のインポートでページのいずれかにインポートするだけです。 (私はそれが特定のページにそれをスコープすると信じています。それについてもう一度チェックしてください)