• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

xiaoyu2er/automating-your-workflow-with-gulp: 使用Gulp来构建你的workflow

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

xiaoyu2er/automating-your-workflow-with-gulp

开源软件地址(OpenSource Url):

https://github.com/xiaoyu2er/automating-your-workflow-with-gulp

开源编程语言(OpenSource Language):

JavaScript 91.6%

开源软件介绍(OpenSource Introduction):

automating-your-workflow-with-gulp

Gulp是一个非常棒的自动化构建工具, 这是一份内部分享的材料, 包括一个slide, 一个demo, 我用过的 Gulp 插件介绍以及一些 recipes.

如果你有更好的展示形式或者更好的资料, 欢迎star, 发pr哦.

Slide

关于Gulp的一个Slide

demo

请看demo目录下, (node4以上, gulp4.0) 注意: 确保版本正确, 在slide中有相关介绍.

Recipes

注意: 每一个recipe都会有一个 gulpfile, 一个 readme. 前者是代码, 基本可以直接用, 后者是说明. 新开了一个 issue

如果你有什么想要了解的 gulp 任务, 可以给我留言.

插件

编译

CSS

JS

合并

压缩

资源注入

  • gulp-inject - 将指定的css或js文件以标签的形式插入到HTML中的指定标志内。

流程控制

  • run-sequence - 按照顺序执行task (注意: 在 Gulp4.0 中, 已经提供了 gulp.series 方法)
  • gulp-if - If-Else-流程控制
  • gulp-ignore - 选择性过滤文件
  • gulp-filter - 过滤文件, 和 gulp-ignore感觉类似
  • merge-stream - Merge multiple streams into one interleaved stream.
  • event-stream - 方便操作stream
  • gulp-plumber - Prevent pipe breaking caused by errors.
  • gulp-notify - 系统通知
  • gulp-changed - 只通过修改过的文件
  • gulp-changed-in-place - 只通过修改过的文件
    • 区别? gulp-changed 比较的是生成的文件, gulp-changed-in-place比较的是源文件, 复杂情况用后者. (比如需要babel的时候)
  • gulp-order - 重新对文件进行排序 (引入顺序重要的话, 这个插件结合 event-stream 是神器)

代码校验

Angular相关

其他

  • gulp-iife - 将js文件包裹在一个立即执行函数中.
  • gulp-size - 输出文件打下
  • gulp-util - 一些工具方法
  • gulp-replace - 字符串替换 (参考 如何替换掉babel生成的全局'use strict')
  • gulp-rename - 重命名文件
  • gulp-rev -给静态文件打版本号 unicorn.css → unicorn-d41d8cd98f.css.
  • del - Delete files/folders using globs.
  • yargs - 处理 process.argv
  • require-dir 分离gulp任务到多个文件
  • browser-sync -同步多浏览器

文档

参考资料




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap