安装

   npm install jpgtowebp-webpack-plugin

使用

const JpgToWebpPlugin = require('jpgtowebp-webpack-plugin');
let argv = process.argv[process.argv.length-1];
let webpConf = {
    quality:80,
    rootPath: path.resolve(__dirname, '../'),
    output: argv == "dist" ? "dist" :"release",
    cdnPath: argv == "dist" ? paramConfig.cdn_path_dist : paramConfig.cdn_path_release
}
...
plugins: [
    new JpgToWebpPlugin(webpConf)
]
...

JpgToWebpPlugin因为要获得最终构建的文件，如果有其他plugin，要置于其他plugin之后。

项目中的JPG图会对应生成一个新的webp格式的图（名字和路径跟原来的jpg保持一致）。

当浏览器支持webp就加载webp，否则就加载jpg。

全局变量

window.__isWebp 表示当前浏览器是否支持webp，true为支持，false为不支持。