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")))總結
- 上一篇: Acme CAD ConverterDW
- 下一篇: jsp空白页面传html代码,echar