lxl
lxl
  • 发布:2017-09-06 15:26
  • 更新:2017-09-06 15:26
  • 阅读:2798

分享自动生成ios离线打包所需各种大小icon的gulp代码

分类:5+ SDK

离线打包时需要各种大小分辨率不同的启动图标,手动一个个制作太麻烦了。
经过我半天的研究,终于写出了可以自动生成各种所需启动图标的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 关注 分享
Trust

要回复文章请先登录注册

以马内利CJ

以马内利CJ

怎么生成不同机型的启动图?
2017-11-23 22:56