Kubinafsisha Njia ya Faili za Assets katika Webpack
Inawezekana kuweka njia ya faili za assets
ndani ya folda ya mkusanyiko. Hii inafanywa
kwa kutumia mpangilio assetModuleFilename.
Katika mpangilio huu, tunaweza kubainisha folda,
ambako assets hutakiwa kuhifadhiwa, na pia
kiwango cha jina la faili.
Katika kiwango cha jina, amri [name]
inawakilisha jina la faili asili, amri [hash] - hash,
na amri [ext] - kiendelezi
cha faili ya awali.
Basi, hebu tufanye usanidi:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
assetModuleFilename: 'assets/[name].[hash][ext]', // usanidi wetu
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource'
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Fanya usanidi ili assets zote
zihifadhiwe kwenye folda resources.
