Type of change

• MINOR: feature

Dependencies added

• @squoosh/lib

Details

• fix: imagemin-webpack-plugin v3
• improve: swap out imagemin implementation for @squoosh/lib
• docs: update with new api

Benefits

• Squoosh squishes just about errything.
• It's less of a burden to manage the peer dependencies.
• It's faster to install in CI.
• this snapshot diff basically: -76.6 KB (47%) tests/integration/__snapshots__/imagemin.test.ts.snap

By default, once installed, the extension will lossily compress everything it can. All the assets I've tried look great and are much smaller than what imagemin emits. But, if someone wants lossless compression or to do something wildly different, they can still configure squoosh with bud.imagemin.

Our default config will convert assets to webp if you append ?as=webp to an asset url / import.

background: url('images/pic.png?as=webp');

Configuring

From updated docs:

To compress assets losslessly:

bud.imagemin('lossless')

To compress assets in a lossy manner:

bud.imagemin('lossy')

Custom config

To provide your own configuration options you can pass a callback which
will receive and should return the options.

bud.imagemin(options => ({
  ...options,
  // ...override
}))