Opšti assets u Webpack-u
Hajde sada da probamo opšte assets.
Učinimo da se slike manje od 8kb
pretvore u base64, a slike veće od
te veličine kopiraju u fajl:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset',
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Možemo da promenimo ograničenje za veličinu
slike. Na primer, postavimo ograničenje
od 4kb:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset',
parser: {
dataUrlCondition: {
maxSize: 4 * 1024 // 4kb
}
}
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Povežite na ulaznu tačku nekoliko slika različite veličine. Proverite, koji tip transformacija se primenjuje za svaku sliku.
