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

HerringtonDarkholme/gulp-progeny: Make Gulp Fast Again

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

开源软件名称(OpenSource Name):

HerringtonDarkholme/gulp-progeny

开源软件地址(OpenSource Url):

https://github.com/HerringtonDarkholme/gulp-progeny

开源编程语言(OpenSource Language):

CoffeeScript 100.0%

开源软件介绍(OpenSource Introduction):

gulp-progeny Build Status

A dependency-resolving plugin for Gulp. It grabs all files related to one modification to building system. Make Gulp Fast Again

##Introduction Gulp provides incremental building. However it is agnostic about the dependencies among files. Say, if child.jade depends on parent.jade, then whenever parent changes child should be recompiled as well. Existing gulp plugins do not support this. Or one could fall back on edit-wait-10s-view loop.

gulp-progeny aims to solve this. If parent.jade is edited and passed to gulp-progeny, all files that recursively depends on that file will be collected by progeny and are passed to succesive building stream.

##What does gulp-progeny do This plugin brings the agility of brunch to gulp world. It provides generic dependency detection to various file types. progeny parses files by grepping specific import statements, and builds dependency trees for building tasks. So it just use Regular Expression to extract dependency information. This simple solution is fast and dirty, but also working.

##Usage gulp-progeny out of box supports jade, less, sass and stylus. To exploit the power of gulp-progeny, use gulp-cached in tandem.

var cache = require('gulp-cached');
var progeny = require('gulp-progeny');
var stylus = require('gulp-stylus');

gulp.task('style', function(){
  return gulp.src('*.styl')
    .pipe(cache('style'))
    .pipe(progeny())
    .pipe(stylus())
});

gulp.task('watch', function(){
  gulp.watch('*.styl', ['style']);
});

cached will pass all files to progeny in the first run, which enables dependency tree building, just pass changed files later for incremental building.

Advanced configuration

As gulp-progeny includes progeny in its core, please see their configuration docs for the options that can be used with this plugin.

Limitation

gulp-progeny, by the virtue of its design, has following limitations.

  1. Filenames must be static in source code. Otherwise regexp fails to work.

  2. Sass/Scss filenames should not contain apostrophes. This limitation is due toSass's multiple import feature. Matching filenames with '" is far beyond the reach of regular expressions with only one match, which is the format used in this plug in.

Limitations above are almost ineluctable for this simple plugin. To keep API and extension simple and generic, some features are doomed to be dropped. This plugin does not fill the chasm between a single one Regexp and full-bloom parsers.




鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
Sponsor @HerringtonDarkholme on GitHub Sponsors · GitHub发布时间:2022-06-21
下一篇:
kenwheeler/gulp-helper: Gulp view/helper for Atom Editor发布时间:2022-06-21
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

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

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