Penyesuaian Laluan Fail Aset dalam Webpack
Anda boleh menetapkan laluan untuk fail aset
dalam folder binaan. Ini dilakukan
dengan menggunakan tetapan assetModuleFilename.
Dalam tetapan ini, kita boleh menentukan folder
di mana aset disimpan, serta templat
nama fail.
Dalam templat nama, perintah [name]
menandakan nama fail, perintah [hash] - hash,
dan perintah [ext] - sambungan
fail asal.
Jadi, mari kita lakukan tetapan:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
assetModuleFilename: 'assets/[name].[hash][ext]', // tetapan kami
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource'
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Pastikan semua aset
disimpan ke dalam folder resources.
