使用 Gulp 来构建你的 workflow

Gulp是一个非常棒的自动化构建工具, 笔者在自己的实践和团队分享过程中, 总结整理一系列的有关 gulp 的资料. automating-your-workflow-with-gulp 就是这个么一个 repo.

这个 repo 中包括了:

• 关于Gulp的一个Slide

• (计划) 将 上述 slide 整理成一篇(一个系列) tutorial.

• 一个基于 gulp 4.0 的小 demo (具体的讲解在上面这个 slide 当中)

• 一些 gulp 插件的简单介绍

• 一份 recipes, 包括笔者在实践的时候常用的一些任务片段, 还在持续更新当中, 计划包含以下内容

  • 使用 babel 编译 ES2015 的语法

  • 不中断Gulp任务且弹出系统通知

  • 使用命令行参数(yargs) 来控制任务逻辑 (gulp-if) (选择性压缩文件和生成sourcemap)

  • gulp-ignore 选择性过滤某些文件

  • 监听文件变化 (删除不需要的文件, 利用 chalk 打印出漂亮的相关信息)

  • 增量编译 (gulp-cached) (只修改改变的文件)

  • gulp-inject 注入 js, css 资源 (以及如何注入 CDN 等外链资源)

  • gulp-order 给文件排序

  • gulp-replace 用正则做出好玩的事~

  • event-stream 合并多个 stream

  • gulp 与 webpack 相结合

  • 监听 gulpfile 本身, 在 gulpfile 发生变化后 自动gulp.

  • 拆分 gulpfile 为多个文件

  • 其他 欢迎补充

• 一些参考的资料合集(包括一些视频资料)

如果你对 gulp 感兴趣, 可以和我一起整理相关资料

automating-your-workflow-with-gulp <-- 戳他 戳他 ?