离线打包时需要各种大小分辨率不同的启动图标,手动一个个制作太麻烦了。
经过我半天的研究,终于写出了可以自动生成各种所需启动图标的gulp代码,如下:
var gulp = require('gulp')
var imageResize = require('gulp-image-resize')
var rename = require('gulp-rename')
gulp.task('icon-ios', () => {
var sizes = [29, 40, 50, 57, 58, 72, 76, 80, 87, 100, 114, 120, 144, 152, 180]
sizes.forEach((size, index) => {
gulp.src('icon.png')
.pipe(imageResize({
width: size,
height: size,
corp: true
}))
.pipe(rename('icon'+size+'.png'))
.pipe(gulp.dest('dist'))
})
})
需要注意的是gulp-image-resize是需要额外安装两个依赖的,可以去官网查看:
gulp-image-resize
希望官方能把这段经验加到离线打包的文档里,防止后人走弯路
1 个评论
要回复文章请先登录或注册
以马内利CJ