gulp 流處理

包含的內容：

穿插流

流合并

流隊列

流篩選

1. 穿插流

// passthrough  stream  把流傳遞給其他的// usegulp.src(glob,{passthrough:true})// function 
進行流的合并處理，避免多余配置以及冗余代碼

2. 合并流

// 使用merge2// install yarn  add merge2  or  npm install merge2// useconst gulp = require('gulp')
const merge2 = require('merge2')
const concat = require('gulp-concat')
const minifyHtml = require('gulp-minify-html')
const ngtemplate = require('gulp-ngtemplate')gulp.task('app-js', function () {return merge2(gulp.src('static/src/tpl/*.html').pipe(minifyHtml({empty: true})).pipe(ngtemplate({module: 'genTemplates',standalone: true})), gulp.src(['static/src/js/app.js','static/src/js/locale_zh-cn.js','static/src/js/router.js','static/src/js/tools.js','static/src/js/services.js','static/src/js/filters.js','static/src/js/directives.js','static/src/js/controllers.js'])).pipe(concat('app.js')).pipe(gulp.dest('static/dist/js/'))
})

3. 流隊列

// 使用 streamqueue
//usevar StreamQueue = require('streamqueue');
var queue = new StreamQueue();
queue.queue(gulp.src('static/src/tpl/*.html').pipe(minifyHtml({empty: true})).pipe(ngtemplate({module: 'genTemplates',standalone: true})), gulp.src(['static/src/js/app.js','static/src/js/locale_zh-cn.js','static/src/js/router.js','static/src/js/tools.js','static/src/js/services.js','static/src/js/filters.js','static/src/js/directives.js','static/src/js/controllers.js'])
);
queue.pipe(process.stdout);

4. 流修改

// 使用 gulp-filter// useconst gulp = require('gulp');
const uglify = require('gulp-uglify');
const filter = require('gulp-filter');gulp.task('default', () => {// Create filter instance inside task function const f = filter(['**', '!*src/vendor']);return gulp.src('src/**/*.js')// Filter a subset of the files .pipe(f)// Run them through a plugin .pipe(uglify()).pipe(gulp.dest('dist'));
});參考文檔
https://www.npmjs.com/package/gulp-filter

5. 順序流、并行流

// gulp-series  gulp.parallel (4.0) 
// usegulp.series 
gulp.task("scripts",gulp.series("test","deploy"))gulp.parallel
gulp.tast("mixs",gulp.series("clean",gulp.parallel("style","scripts")))