Как оптимизировать изображения в Вебпаке
3. Уменьшать изображения с помощью image-webpack-loader.
Стандартные настройки загрузчика — ок:
3. Уменьшать изображения с помощью image-webpack-loader.
image-webpack-loader сжимает png-, jpg-, gif- и svg-изображения, прогоняя их через оптимизаторы. Так как он просто пропускает изображения через себя и не вставляет их в бандл, его нужно использовать вместе с url-loader/svg-url-loader.Стандартные настройки загрузчика — ок:
module.exports = {
module: {
rules: [
{
test: /\.(jpg|png|gif|svg)$/,
loader: 'image-webpack-loader',
// Применяем enforce: 'pre', чтобы вызвать загрузчик
// перед url-loader/svg-url-loader и не дублировать
// его в обоих правилах
enforce: 'pre'
}
]
}
};
