README.md

Laravel Mix Image Minimizer

This extension adds support for image-minimizer-webpack-plugin to Laravel Mix.

Installation

Install the extension and the implementation of your choice. It's recommended to use squoosh since imagemin is not maintained anymore.

# Using squoosh
npm i -D @chiiya/laravel-mix-image-minimizer @squoosh/lib
# Using imagemin
npm i -D @chiiya/laravel-mix-image-minimizer imagemin imagemin-gifsicle imagemin-mozjpeg imagemin-pngquant imagemin-svgo imagemin-webp

Usage

Require the extension inside your webpack.mix.js and use it like so:

const mix = require('laravel-mix');
require('@chiiya/laravel-mix-image-minimizer');

mix.images({
  webp: true,
});

Options

Name	Type	Default	Description
implementation	string	squoosh	squoosh or imagemin, see image-minimizer-webpack-plugin docs
patterns	Array<Object>	[{ from: "**/*", to: "images", context: "resources/images" }]	pattern option as supported by the copy-webpack-plugin
webp	Boolean	false	If enabled, additional webp versions of all images will be generated
options	Object	undefined for squoosh, { plugins: ["imagemin-gifsicle", "imagemin-mozjpeg", "imagemin-pngquant", "imagemin-svgo"] } for imagemin	Custom configuration for squoosh or imagemin
copyOptions	Object	{ patterns: options.patterns }	Additional configuration for the copy-webpack-plugin
webpOptions	Object	{ encodeOptions: { webp: { quality: 90 }}} for squoosh, { plugins: ["imagemin-webp"] } for imagemin	Custom squoosh or imagemin configuration for generating webp images