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-webpUsage
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 |