ファイルローダのWebPACK 2負荷のディレクトリ

Question

私はこの設定に追加しました：

{ 
    test: /assets\/(\.png|\.jpg)$/, 
    use: ['file-loader?name=[name].[ext]&publicPath=assets/&outputPath=assets/'] 
} 

私はassetsディレクトリにある画像の束を持っていると私は両方web-dev-serverとdist同じフォルダの出力にそれをしたいです画像がいっぱい。

私のテストでは、pngまたはjpgがそのフォルダにあり、パブリックパスと出力パスの両方がassetsに設定されていると仮定しました。

しかし、webpackの出力には、これは当てはまりません。

Answer 1

使用している正規表現は、実際にファイルと一致しません。唯一のマッチは、次のとおりです。

assets/.png 
assets/.jpg 

あなたがassets/と拡張子の間に何かを一致させるために.*を追加する必要があります。正しい正規表現は次のとおりです。

/assets\/.*(\.png|\.jpg)$/ 

あなたが一致しない場合assets/.pngあなたの代わりに.+を使用できますが、それは本当に問題になることはありません。

RegExrで試すことができます。

---

ただ、追加の混乱がないことを確認する：WebPACKのコンフィグのルールは何も含まれませんが、彼らは単にテストを（この場合は、正規表現に一致する）を渡すの輸入に適用されます。それでもあなたのコードでそれらをインポートする必要があります。これにより出力ファイルへのパスが得られますので、参照が正しいでしょう。