node package manager
Don’t reinvent the wheel. Reuse code within your team. Create a free org »

towebp-loader

webp-loader

WebP image loader & converter loader for Webpack. 功能:可以保留源文件,并且使用源文件的hash命名

Install

npm install toWebp-loader --save-dev

Usage

Here is the example of using toWebp-loader along with common mime:

loaders: [
  {
    test: /\.(jpe?g|png)$/i,
    loaders: [
      'toWebp'
    ]
  }
]

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: [
      'toWebp?{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: ['toWebp?{quality: 95}']
  },
]

License

MIT