1
Webpack 3をセットアップし、現在srcフォルダからmy distフォルダにコピーしたい静止画像の資産管理を設定しています。 /imgフォルダのファイル構造をdistフォルダにコピーする際にそのまま保持したいのですが、私が実行している問題はパスのプレースホルダの一部を削除しようとしているところです。私は達成しようとしていることは可能ですか？次のようにWebpackファイルローダーのパスの一部を削除します
は私が私のルールを持っている：
{
test: /\.(png|jpe?g|gif|ico)$/,
use: [{
loader: 'file-loader',
options: {
name: '[path][name].[ext]?[hash]',
//outputPath: 'img/'
}
}]
}
をそして、それは文脈によって私のエントリポイントファイルから画像をつかんだ：ファイルがコピーされますが
require.context('./img/', true, /\.(png|jpe?g|gif|ico)$/);
、名前の一部として[パス]のプレースホルダがあるため、ファイルは/src/img/[name].[extension]?[hash]に似ています。画像の一部に/src/img/favicons/[name].[extension]?[hash]のようなパスがあり、distフォルダがこの構造を維持しなければならないと感じているので、残りの部分はそのまま残しておきたいと思います。コードでわかるように、私はoutputPathを使用しようとしましたが、これはファイルを/img/src/img/[name].extension?[hash]に設定するだけです。私もpublicPathの設定を利用しようとしましたが、まったく効果がないようです。最終目標は、上記の2つのファイルに、このパスに含まれるファイル名の一部の/srcがないようにすることです。