webp-url-loader
WebP image loader & converter loader for Webpack. 功能:可以保留源文件,并且使用源文件的hash命名
Install
npm install webp-url-loader --save-dev
Usage
Here is the example of using toWebp-loader
along with common mime:
moduleexports = module: rules: test: /\.$/ use: loader: 'webp-url-loader' options: {}
Unfortunately, if you wish to pass an options for internal imagemin-webp you should pass a options in JSON form:
moduleexports = module: rules: test: /\.$/ use: loader: 'webp-url-loader' options: quality: 13
if you wish to configure a custom public path for your file, you can pass a options in JSON form :
moduleexports = module: rules: test: /\.$/ use: loader: 'webp-url-loader' options: quality: 13 publicPath: 'assets/ or cdn url'
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:
moduleexports = module: rules: test: /\.$/ use: loader: 'webp-url-loader' options: quality: 95