webp-loader

WebP image loader & converter for Webpack

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
webp-loader
92170.6.04 years ago8 years agoMinified + gzip package size for webp-loader in KB

Readme

webp-loader
Build Status
WebP image loader & converter loader for Webpack.

Install

npm install webp-loader --save-dev

Usage

Here is the example of using webp-loader along with common file-loader:
loaders: [
  {
    test: /\.(jpe?g|png)$/i,
    loaders: [
      'file-loader',
      'webp-loader'
    ]
  }
]

Unfortunately, if you wish to pass an options for internal imagemin-webp you should pass a options in JSON form:
loaders: [
  {
    test: /\.(jpe?g|png)$/i,
    loaders: [
      'file-loader',
      '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 to achieve it:
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.

Inspiration

webp-loader is heavily inspired by tcoopman/image-webpack-loader.

License

MIT