Posted at

Vue で font-awesome を使おうとしたら font が読み込めなかった。

Vue-cli で Webpack のプロジェクト作ってDevモードで開発をしてました。

一旦 プロダクション でビルドだぜ、と思って吐き出したはいいが、アクセスすると

Fontが四角表示に。

buildフォルダにあるwebpack.base.conf.jsmodulerules に以下を追加すればOK.


webpack.base.conf.js

{                                                                                                                                 

test: /\.(woff|woff2|eot|ttf|svg)(\?.*$|$)/,
loader: 'url-loader?importLoaders=1&limit=100000'
}

loader をいい感じに設定しなきゃダメみたいでした。