3

これは、スタイルのローダー構成です。

loaders: {
  test: /\.scss$/,
  loaders: ['style-loader', 'css-loader', 'resolve-url-loader', 'sass-loader']
}

私のソースscssファイルには、これがあります：

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?-cvpazo');
  src: url('../fonts/icomoon.eot?#iefix-cvpazo') format('embedded-opentype'),
       url('../fonts/icomoon.woff?-cvpazo') format('woff'),
       url('../fonts/icomoon.ttf?-cvpazo') format('truetype'),
       url('../fonts/icomoon.svg?-cvpazo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

次のエラーが表示されます。

モジュールの解析に失敗しました: /client/fonts/icomoon.svg?-cvpazo 予期しないトークン (1:0) このファイル タイプを処理するには、適切なローダーが必要な場合があります。

Webpack は font-face 宣言をロードできません。font-face を機能させるには、ここで何をする必要がありますか?

4

1 に答える 1

0

フォントをロードするために file-loader を追加する必要があるかもしれません

{
    test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/,
    use: ['file-loader']
}
于 2017-01-18T11:45:53.887 に答える