はなぜモジュールの解析に失敗しましたん：/xxx/MyFont.ttf予期しない文字 ''

Question

を私は./src/style/MyFont.ttfモジュールでこのエラー

ERROR失敗したパースが発生しました：/xxx/MyFont.ttfを 予期しない文字 ''（1：0） に適切なローダーが必要な場合があります。 （このバイナリファイルのために省略したソースコード） ` 私はこのような私の小さいファイルで私のカスタムフォントをインポートする場合：

@font-face { 
    font-family: "MyFont"; 
    src: url("./MyFont.ttf") format("truetype"); 
} 

私のWebPACKの設定は以下の通りである：

rules: [ 
    { 
    test: /\.jsx?$/, 
    exclude: /node_modules/, 
    loader: 'babel-loader', 
    query: babelQuery 
    },{ 
    test: /\.css$/, 
    use: [ 
     'style-loader', 
     'css-loader' 
    ] 
    }, 
    { 
    test: /\.less$/i, 
    use: ExtractTextPlugin.extract([ 'css-loader', 'less-loader' ]) 
    }, 
    { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=application/octet-stream" }, 
] 

誰もがどのように知っていますそれを解決するには？

Answer 1

rulesアレイにこれを追加します。

{ 
    test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/, 
    loader: 'file-loader?name=assets/[name].[hash].[ext]' 
} 

、あなたはnpm installを使用してfile-loaderをインストールする必要があります。 これがあなたを助けてくれることを願っています。