Tùy chỉnh đường dẫn đến các nhóm assets trong Webpack
Bạn có thể thiết lập đường dẫn lưu trữ
cho từng nhóm assets. Điều này
được thực hiện thông qua cấu hình
generator, được chỉ định
cho từng nhóm:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource',
generator: {
filename: 'images/[name].[hash][ext]'
}
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Đặt tất cả hình ảnh có phần mở rộng
.png vào thư mục images/png.
Đặt tất cả hình ảnh có phần mở rộng
.jpg vào thư mục images/jpg.
Đặt tất cả tệp có phần mở rộng
.zip vào thư mục download.
Đặt tất cả tệp có phần mở rộng
.zip hoặc .rar
vào thư mục download.
