webpackのファイルではなくファイルのインポートパス

Question

ペン 私は別のライブラリとフォントからCSSをインポートします。

@import url('node_modules/some-library/style.css'); 
@font-face { 
    font-family: 'Ubuntu Regular'; 
    src: url('../fonts/Ubuntu-R.ttf'); 
} 

フォントファイルをインポートしない方法はありますか？したがって、コンパイルされたバージョンでは、このファイルへのパスがそのまま残っています（文字通りsrc: url('../fonts/Ubuntu-R.ttf')）。私が知っているのは、webpackはbas64としてフォントをインポートすることも、ビルドフォルダにフォントをコピーしそこからインポートすることもできます。フォントをそのまま残して、どこにでもコピーしたり、何らかの形で変換したりする方法はありませんか？しかし、他のCSSファイルをインポートする可能性は残るはずです。

ありがとうございます。

Answer 1

IgnorePluginを使用してrequireの呼び出しを無視することができます。つまり、url('../fonts/Ubuntu-R.ttf');です。

plugins: [ 
    new webpack.IgnorePlugin(/Ubuntu-R\.tff/) 
], 

注：あなたは、フォントファイルタイプのローダリストにそれぞれのローダーを追加したshoud。

ignore-loaderを使用すると、バンドルに含めるファイルを無視できます。

loaders: [ 
    { test: /\.tff$/, loader: 'ignore-loader' } 
]