静态资源任务
任务类型为 static 或 image 。
静态资源包含常见的图像、媒体和字体文件等。如果不想处理这些静态资源文件,你可以将它们放在 public 目录下。
任务流程
- 自定义处理流程 - 处理
pipflow.config.js中添加的自定义plugins - 压缩图片 - 基于
imagemin压缩图片 - 生成文件hash及manifest文件
图片压缩
由于图片压缩是一项耗时的一次性任务,且 gulp-imagemin 插件安装依赖经常失败(国内环境)。所以 pipflow 将 压缩图片作为一个可选项。如果你的项目不需要 压缩图片或者手动一次性压缩,请删除项目的 package.json 中的 gulp-imagemin 依赖,并将 imageMinify 配置项的值设置为 false。
关于图片压缩配置,你可以为所有静态任务统一配置,也可以单独配置某个静态任务。
- 统一配置项
build.imageMinify, 具体请看 这里。 - 单独任务配置项
minify。
ts
ImageMinifyOptions : boolean | {
plugins?: ImageMinifyPlugin[]
options?: {
verbose?: boolean
silent?: boolean
}
}
gulp-imagemin插件在压缩图片过程中会自动过滤非图片文件。 具体配置请点击 这里
🚨 提醒
gulp-imagemin 只能安装 <=7 的版本,8及以上版本仅支持 esModule 模块化.