运行gulp_继续CocosCreator的 gulp之旅

继续上面的来。

cocos 工程根目录的本地依赖项生成后,更目录上会生成一个gulpfile.js 的文件。 删掉里面的内容,添加

var gulp = require('gulp');

gulp.task('default', function() {

// 将你的默认的任务代码放在这

});

这里了解一下 gulp基本语法

核心API很简洁:src、dest、task、watch

gulp.src(globs[, options]):指明源文件路径

gulp.dest(path[, options]):指明处理后的文件输出路径

gulp.task(name[, deps], fn):注册任务

gulp.watch(glob [, opts], tasks):监视文件的变化并运行相应的任务

到这里,cocosCreator 压图的前期准备工作算是完成了;

接下来,首先安装 gulp-imagemin 图片压缩插件 npm install gulp-imagemin--save-dev

如果出现权限问题,用之前的方法解决;

然后在 gulpfile.js 中编写以下脚本:

let gulp = require("gulp");
let imagemin = require("gulp-imagemin");
gulp.task('imagemin', function (cb) {
gulp.src('./build/jsb-link/res/**/*.{png,jpg,jpeg}') // 路径更具你工程相对路径来
.pipe(imagemin([
//imagemin.gifsicle({interlaced: true}), //压缩GIF图像 一直报错 有空在研究
imagemin.mozjpeg({progressive: true}), //压缩JPEG图像 mozjpeg 有些的版本 用jpegtran
imagemin.optipng({optimizationLevel: 5}) //压缩PNG图像
]))
.pipe(gulp.dest("./build/jsb-link/res/"))
.on("end", cb);
});

运行 gulp imagemin

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值