node package manager

fis-postpackager-jpg-towebp

安装

   npm install fis-postpackager-jpg-towebp

使用

    //fis2配置 
    modules : {
     postpackager : 'jpg-towebp'
    },
    settings : {
     postpackager : {
     'jpg-towebp' : {
                quality: 75 //压缩值,默认75 
            }
     }
    }
    
    //fis3配置 
    .match('::package', {
        prepackager: fis.plugin('jpg-towebp',{
            quality: 60
        })
    })

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

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

全局变量

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