EDP Build plugin for optimizing image size
edp-build-optimg 是 edp-build 的一个插件,用于优化图片大小,支持png/jpg/gif/webp/svg,基于 imagemin 。若你对命令行感兴趣,可以参考 edp 的一个扩展 edpx-optimg 。
npm install edp-build-optimg
var ImgOptimziedProcessor = require('edp-build-optimg');
var imgOptProcessor = new ImgOptimziedProcessor(
{
files: ['*.svg'],
imgOptions: {
webp: {
option: {quality: 50},
use: require('imagemin-webp')
},
jpg: {
use: 'jpeg-recompress'
},
png: {
use: 'pngquant',
option: {quality: '65-80', speed: 4}
},
svg: {
option: {
plugins: [
{
removeViewBox: false
},
{
removeUselessStrokeAndFill: false
}
]
}
}
}
}
);
-
files -
Array
要处理的文件,默认处理所有的 png/jpg/gif/svg 文件 -
imgOptions -
Object
图片处理选项定义-
png -
Object
png 文件处理选项定义-
use -
string
|function
使用的处理插件名称或者插件处理器,无需加上imagemin-
前缀,可用的插件模块见这里,e.g., 使用imagemin-pngcrush
,首先安装该模块,传入的use
参数值为pngcrush
,默认使用 imagemin-optipng 优化 -
option -
Object
使用的插件选项,详见具体使用的插件的选项定义
-
-
jpg -
Object
jpg 文件处理选项定义,结构同png
,默认使用 imagemin-jpegtran 优化 -
gif -
Object
gif 文件处理选项定义,结构同png
,默认使用 imagemin-gifsicle 优化 -
svg -
Object
svg 文件处理选项定义,结构同png
,默认使用 imagemin-svgo 优化 -
其他自定义的文件类型,比如
webp
-