@quickapp-eco/qappwebp-webpack-plugin

转换 webp 图片格式的 webpack 插件

适用快应用打包编译时，将图片格式转换为 webp 的 webpack 插件，旨在于缩小 rpk 包体积的同时，加快图片加载和渲染速度

使用

1.安装

npm install -D @quickapp-eco/qappwebp-webpack-plugin

2.使用

在快应用工程根目录的hap.config.js文件中添加如下配置（若没有hap.config.js文件，需要新增该配置文件）

快应用打包编译的 webpack 配置基础上会增加hap.config.js文件中的配置信息

const QappWebpWebpackPlugin = require("@quickapp-eco/qappwebp-webpack-plugin");

module.exports = {
  plugins: [
    new QappWebpWebpackPlugin({
      match: /(jpe?g|png)$/,
      webp: {
        quality: 80
      },
      limit: 0,
      disable: false
    })
  ]
};

QappWebpWebpackPlugin 参数

参数	类型	默认值	说明
match	正则字符串	/\.(png|jpe?g)$/	符合正则表达式的图片转换成 webp
limit	number	0	图片大小限制，大于 limit 的图片才会转换(以字节为单位)
webp	Object	{quality: 80}	是图片转换 webp 工具sharp的配置
disable	boolean	false	是否禁用转换处理

License

MIT