WebPACKのSASS-ローダー、CSS-ローダはSCSSファイルにフォント顔を破る

これは、スタイルのための私のローダconfigです：WebPACKのSASS-ローダー、CSS-ローダは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; 
}

：私のソースSCSSファイルで

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

、私はこれを持っています

Module parse failed: /client/fonts/icomoon.svg?-cvpazo Unexpected token (1:0) You may need an appropriate loader to handle this file type.

WebPACKのフォント-face宣言をロードすることができません、私はへのフォントフェイスを取得するために、ここで実行する必要が何をすべきか：

私はこのエラーを取得しています作業？

出典

2017-01-13 dylanjha

をロードするために、ファイル・ローダーを追加する必要がありますか？私は似たような問題を抱えており、あなたが解決策を見つけることを願っています！ – bboydflo

私はそれを試してみましたが、この問題を解決しなかったので、resolve-url-loaderは 'url'に渡されたパスを処理しますが、この問題は修正されません。 sass-loaderとcss-loaderが@ font-faceを処理できないことは明らかです。それは私には直感的ではありません。私は別のフォントローダーを使う必要があると思う。私はそれを試して、私がするときに戻って報告します！ – dylanjha

たぶん、あなたはSASS-ローダー前に、あなたの決意-URL-ローダーを使用してみましたが、フォント

{ 
    test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/, 
    use: ['file-loader'] 
}

出典

2017-01-18 11:45:53 bboydflo

WebPACKのSASS-ローダー、CSS-ローダはSCSSファイルにフォント顔を破る

答えて

関連する問題