# @mole-inc/webp-loader

> WebP image loader & converter for Webpack

Latest version **2.0.0** (published 2021-12-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install @mole-inc/webp-loader
pnpm add @mole-inc/webp-loader
yarn add @mole-inc/webp-loader
bun add @mole-inc/webp-loader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2021-12-04 |
| First published | 2020-04-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | ^12.20.0 \|\| ^14.13.1 \|\| >=16.0.0 |
| Dependencies | 3 |
| Unpacked size | 4.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | aaharu |
| Keywords | webpack, webp, image |

## Links

- npm: https://www.npmjs.com/package/@mole-inc/webp-loader
- Repository: https://github.com/mole-inc/webp-loader
- Issues: https://github.com/mole-inc/webp-loader/issues
- npm.io page: https://npm.io/package/@mole-inc/webp-loader

## Dependencies (3)

- [imagemin](https://npm.io/package/imagemin.md) ^7.0.1
- [loader-utils](https://npm.io/package/loader-utils.md) ^2.0.0
- [@mole-inc/imagemin-webp](https://npm.io/package/@mole-inc/imagemin-webp.md) ^7.0.0

## Alternatives

- [exif-parser](https://npm.io/package/exif-parser.md) — 3.8M weekly downloads
- [vite-plugin-compression](https://npm.io/package/vite-plugin-compression.md) — 569.5K weekly downloads
- [pica](https://npm.io/package/pica.md) — 442.4K weekly downloads
- [@reportportal/client-javascript](https://npm.io/package/@reportportal/client-javascript.md) — 408.8K weekly downloads
- [@tldraw/state](https://npm.io/package/@tldraw/state.md) — 316.0K weekly downloads

## Recent versions

- 2.0.0 (latest) — 2021-12-04
- 1.0.0 — 2020-04-26

## README

# webp-loader

[WebP](https://developers.google.com/speed/webp/) image loader & converter loader for Webpack.

## Install

```sh
npm install @mole-inc/webp-loader --save-dev
```

## Usage

Here is the example of using `webp-loader` along with common [file-loader](https://github.com/webpack/file-loader):

```javascript
loaders: [
  {
    test: /\.(jpe?g|png)$/i,
    loaders: [
      'file-loader',
      '@mole-inc/webp-loader'
    ]
  }
]
```

Unfortunately, if you wish to pass an options for internal [imagemin-webp](https://github.com/mole-inc/imagemin-webp) you should pass a options in JSON form:

```javascript
loaders: [
  {
    test: /\.(jpe?g|png)$/i,
    loaders: [
      'file-loader',
      '@mole-inc/webp-loader?{quality: 13}'
    ]
  }
]
```

Normally you don't want to convert all of your images to WebP format, you just want to make alternate versions. You can use [multi-loader](https://github.com/webpack-contrib/multi-loader) to achieve it:

```javascript
loaders: [
  {
    test: /\.(jpe?g|png)$/i,
    loader: multi(
      'file-loader?name=[name].[ext].webp!webp-loader?{quality: 95}'
      'file-loader?name=[name].[ext]',
    )
  },
]
```

## Options

For all possible options please visit "API" section of the official [imagemin-webp README](https://github.com/mole-inc/imagemin-webp#imagenwebpoptions).

## Inspiration

`webp-loader` is heavily inspired by [tcoopman/image-webpack-loader](https://github.com/tcoopman/image-webpack-loader).

## License

This is a fork of [kavu/webp-loader](https://github.com/kavu/webp-loader).

see license file.

---
_Source: https://npm.io/package/@mole-inc/webp-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._