使用 Gulp 来构建你的 workflow

xiaoyu2er

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 <-- 戳他 戳他 ?

阅读 2.5k

I don't know JS... yet!
前端打怪升级记录 分享即进步 :)

在前端的道路上一路狂奔

661 声望
34 粉丝
0 条评论

在前端的道路上一路狂奔

661 声望
34 粉丝
文章目录
宣传栏