Kustomisasi Path ke File Assets di Webpack
Anda dapat mengatur path ke file assets
di folder build. Hal ini dilakukan
dengan menggunakan pengaturan assetModuleFilename.
Dalam pengaturan ini, kita dapat menentukan folder
tempat assets disimpan, serta template
nama file.
Dalam template nama, perintah [name]
menunjukkan nama file, perintah [hash] - hash,
dan perintah [ext] - ekstensi
dari file asal.
Jadi, mari kita lakukan konfigurasi:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
assetModuleFilename: 'assets/[name].[hash][ext]', // pengaturan kami
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource'
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Atur sehingga semua assets
disimpan ke dalam folder resources.
