webpack＆vuejsでフォントを読み込めません

Question

私のフォントはvuejsで効率的ですが、私は全くエラーがなく、フォントは良いフォルダにあり、webpackの設定は効率が良いようです。

私はそれほど使いませんが、私はローダーも持っています。ここで

は私が行う方法は次のとおりです。私は私のwebpack.configでのurl-ローダーを定義し

@font-face { 
    font-family: 'montserrat-extralight'; 
    src: url('../assets/fonts/montserrat-ExtraLight.ttf') format('truetype'); 
    font-family: 'montserrat-light'; 
    src: url('../assets/fonts/montserrat-Light.ttf'); 
} 

そして、ここでは、次のとおりです。

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

私は同じ問題に多くの人を見つけました、私は実際にそれを動作させる方法を見つけることができません。

PS：私のフォントは開発者に対しモード内のネットワークタブでアップロードされていません...

Answer 1

わかりました、私は私のfinaly税関フォントを使用する方法を見つけた：

私は正しい構文を持っていたが、私はだけではなく、.TTFまたは.OTFの.woff使用するか、.woff2フォントファイルしなければなりませんでした。なぜそれはもはや働いていない理由を説明することはできませんが、私はそれが大丈夫だよ〜

Answer 2

あなたの設定はOKと思われる、しかし、それはあなたの問題を解決することがあり制限のparamを削除しよう、なぜならフォントファイルは非常に100Kを超過する可能性があります。

Answer 3

new OptimizeCSSPlugin({cssProcessorOptions: { 
    safe: true 
}}),