Bates in Webpack
In elke projek is daar sekere hulpbronne of bates (assets). Hierdie bates verteenwoordig prente, lettertipe-lêers en dinge soortgelyk daaraan.
Gewoonlik wil ons eenvoudig die hulpbronne van die projekgids na die bougids oordra. Maar weer kom die probleem met kas te voorskyn. Byvoorbeeld, die blaaier kas prente. Dit beteken dat as ons die beeld op die prent verander sonder om die naam van sy lêer te verander, sal gebruikers van die webwerf die vorige weergawe van die prent sien, aangesien dit by hulle gekas is.
Die oplossing vir die probleem, soos jy reeds weet, is die byvoeging van 'n hash in die lêernaam. Webpack laat toe om lêers van hulpbronne na die bougids te kopieer, terwyl dit aan hulle hashes byvoeg en, die belangrikste, die weë na hierdie hulpbronne in alle lêers na nuwes verander.
In Webpack word werk met bates uitgevoer
met behulp van spesiale bates-modules.
Daar is vier tipes: asset/resource,
asset/inline, asset/source,
asset.
Die module asset/resource kopieer lêers
van die projekgids na die bougids en vervang
die weë daarna na nuwes.
Die module asset/inline neem lêers
van die projekgids en in die boukode
vervang dit die weë na lêers met base64.
Die module asset/source neem lêers
van die projekgids en gee dit terug
in die vorm van 'n teksstring.
Die module asset kies self of om die
lêer na die bougids te kopieer of om dit
in base te verander. Die keuse word gemaak afhangende
van die grootte van die lêer. By verstek word lêers
meer as 8kb in lêers saamgestel.
Die algemene skema vir die toepassing van hierdie modules lyk soos volg:
module: {
rules: [
{
test: /\.png$/, // lêers
type: 'asset/resource' // tipe module
}
]
},
Verduidelik wat onder bates verstaan word.
Soek op Google, wat base64 is en hoe dit in CSS toegepas word.
Noem die 4 tipes modules vir bates.
Verduidelik waarvoor elkeen van die
4 tipes modules bedoel is.
