gulp-internal

implementation about gulp

Transcript

1. Gulp-internal yiminghe@gmail.com
2. Gulp • A build system based on stream
3. sample • gulpfile.js: var gulp = require(‘gulp’) gulp.src(‘lib/**/*.js’) .pipe(concat()) .pipe(rename(‘concat.js’)) .pipe(gulp.dest(‘build’)) • run: gulp
4. feature • No temporary file • virtual memory file content transfer • Full stream support • stream. Readable • stream. Writable • stream. Transform • through2
5. gulp • global cli • local lib • plugins/streams
6. cli • Depends • liftoff Change cwd require gulpfile require gulp .start
7. through2 • Easy to create stream.Transform and compatible with 0.8- • through2(option, function transform(chunk,encoding,callback){},function flush(){}) • === • var stream = new MyTransform(option); // extends stream.Transform stream._transform = transform; stream._flush = flush; return stream;
8. Local lib • Api • Gulp.src • Gulp.dest • Gulp.task • * Gulp.watch • Depends • vinyl • vinyl-fs • orchestrator
9. vinyl • Virtual file representation • { content: buffer/stream path: }
10. Gulp.src • === require(‘vinyl-fs’).src • return stream.Transform({object:true}) • Emit Stream of vinyl file
11. Gulp.dest • === require(‘vinyl-fs’).dest • return stream.Transform({object:true}) • Save file and Emit Stream of saved vinyl file
12. Orchestrator • A module for sequencing and executing tasks and dependencies in maximum concurrency • Gulp.task(name, deps, function(){}) • KISSY.add(name,deps,function(){}) • ‘default’
13. Task end condition • Promise resolved • Callback called • Stream end • Task(‘x’,function(callback){ • Return promise or stream • Or • Callback() • });
14. plugins • Return stream.Transform • Operate on vinyl file • Example • Gulp-concat • Gulp-uglify • Gulp-modulex
15. • gulp.src(‘./gulp-internal’).pipe(audience()).pipe(thanks())