0.1.0 • Published 5 years ago
@quickapp-eco/qappwebp-webpack-plugin v0.1.0
转换 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
0.1.0
5 years ago