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")))

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/256898.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

windows上使用cmake 编译yaml-cpp源码,生成yam-cpp.lib

1、打开cmake-gui 2、添加CmakeList 3、建立build 4、进入工程中生成debug和release版本的lib

BZOJ 3039: 玉蟾宫( 悬线法 )

最大子矩阵...悬线法..时间复杂度O(nm)悬线法就是记录一个H向上延伸的最大长度(悬线), L, R向左向右延伸的最大长度, 然后通过递推来得到. ------------------------------------------------------------------#include<bits/stdc.h>using namespace std;#define ok(c) …

学习笔记(37):Python实战编程-yield实现生成器

立即学习:https://edu.csdn.net/course/play/19711/255579?utm_sourceblogtoedu1.yield return generator yield是一个返回的是一个生成器对象&#xff0c;是通过next函数一次一次地进行函数地迭代来获取结果的&#xff0c;而return函数则是将结果返回后&#xff0c;不再与…

ie6、7 下input的边框问题 ?

input的border设置为none,ie8及以上border都兼容&#xff0c;ie6和7的border还继续存在&#xff0c;将border设为0时所有浏览器上都不存在了&#xff0c;但是border为0时还是会继续的渲染。 将input的border设为"0 none",ie7及以上都正常了&#xff0c;但是ie6上inpu…

Mocha BSM产品亮点——关联事件分析

业务需求与挑战企业经常会遇到下列场景&#xff1a;• 企业某应用&#xff0c;例如&#xff0c;WebSphere Portal Server&#xff0c;已经不可用&#xff0c;是由于应用自身已不可用&#xff1f;还是应用所连接的数据库出了问题&#xff1f;还是应用的LDAP服务不可用&#xff1…

轻量级文本编辑器,Notepad最佳替代品:Notepad++

目录 正文之前1. 目的2. 原帖3. 为何推荐Notepad3.1. Notepad的一些基本特点3.2. notepad&#xff0c;notepad2&#xff0c;notepad&#xff0c;ultraEdit比较4. 使用Notepad前要了解的知识4.1. Notepad的名称和缩写4.2. Notepad修改设置后&#xff0c;立即生效4.3. Notepad的版…

学习笔记(38):Python实战编程-窗体显示

立即学习:https://edu.csdn.net/course/play/19711/343100?utm_sourceblogtoedu GUI&#xff1a;图形用户接口——GUI组件&#xff0c;组件定义&#xff0c;组件布局管理 主体窗口的设置&#xff1a; import tkinter#导入创建窗体的相关模块class Mainwindow():#创建窗口类de…

Tomcat 配置和spring-framework MVC配置简介

Tomcat启动时&#xff0c;先找系统变量CATALINA_BASE&#xff0c;如果没有&#xff0c;则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹&#xff0c;从中读取配置文件。最重要的配置文件&#xff1a;server.xml 。要配置tomcat&#xff0c;基本上了解server.xml&am…

SDL 库 无法解析的外部符号 __imp__fprintf

VS2015 在链接器-》命令行 里加入legacy_stdio_definitions.lib 另外一个常见错误关于stderr的用 extern "C" { FILE __iob_func[3] { *stdin,*stdout,*stderr }; }转载于:https://www.cnblogs.com/zhaogaojian/p/5646885.html

ultra edit ftp帐号管理导入导出方法

在更换电脑或ultra edit新安装时往往需要将原来使用的ftp帐号导入过来&#xff0c;可以在高级-备份/恢复用户定制-选中其他保存备份&#xff0c;拷贝出来然后再导入。 也可以在配置-ftp/sftp中保存&#xff0c;拷贝出来然后在安装好后配置。 步骤1. 导出ftp帐号信息&#xff1a…

学习笔记(39):Python实战编程-标签

立即学习:https://edu.csdn.net/course/play/19711/343101?utm_sourceblogtoedu 标签——文字标签和图片标签 1.文字标签 关键代码&#xff1a; label_text tkinter.Label(root,text linlianqin.com, width "20",height "10",font (楷体,20),bg #1…

散列冲突与作为特征值的散列

缘起 写这篇文章&#xff0c;源于这么一个问题&#xff1a;假设目前有一千万个URL访问记录&#xff0c;请统计最热门的10个查询串。(见此文)。见到这个问题的第一想法使用hash解决&#xff0c;没考虑hash冲突解决的问题(其实就没想比较URL&#xff0c;不比较URL无法判断冲突与否…

C++:getenv setenv -- 获取设置系统环境变量

C&#xff1a;getenv & setenv -- 获取&设置系统环境变量 1. getenv&#xff1a;取得环境变量内容 头文件- #include<stdlib.h> 格式&#xff1a; char * getenv(const char *name); 意义&#xff1a; getenv()用来取得参数name环境变量的内容。 param name为环…

CSS单位和值

颜色值 在网页中的颜色设置是非常重要&#xff0c;有字体颜色&#xff08;color&#xff09;、背景颜色&#xff08;background-color&#xff09;、边框颜色&#xff08;border&#xff09;等&#xff0c;设置颜色的方法也有很多种&#xff1a; 1、英文命令颜色 前面几个小节中…

学习笔记(40):Python实战编程-文本

立即学习:https://edu.csdn.net/course/play/19711/343102?utm_sourceblogtoedu 文本——人机交互&#xff0c;文本输入的地方&#xff08;tkinter.Text&#xff08;“需要显示的文本”&#xff0c;属性的设置&#xff09;组件类&#xff09; 知识点&#xff1a; 文本输入 文…

嵌入式linux的调试技术

本章介绍了嵌入式linux的调试技术&#xff0c;例如&#xff0c;设置断点、逐步跟踪代码、输出调试信息等。 Printk函数用于打印内核调试信息&#xff0c;运行在内核空间&#xff0c;printf函数运行在用户空间。Printk文件是一个简单的有4个数字组成的文本文件。 虽然使用Printk…

constexpr的好处

constexpr的好处&#xff1a; 是一种很强的约束&#xff0c;更好地保证程序的正确语义不被破坏。编译器可以在编译期对constexpr的代码进行非常大的优化&#xff0c;比如将用到的constexpr表达式都直接替换成最终结果等。相比宏来说&#xff0c;没有额外的开销&#xff0c;但更…

PHP中include()与require()的区别说明

123456789101112131415161718192021222324252627require 的使用方法如 require("MyRequireFile.php"); 。这个函数通常放在 PHP 程序的最前面&#xff0c;PHP 程序在执行前&#xff0c;就会先读入 require 所指定引入的文件&#xff0c;使它变成 PHP 程序网页的一部份…

电脑重装系统重装不了,老是蓝屏,是不是硬盘烧坏了!

蓝屏代码是什么啊装不了有时候是内存的问题以下内容为百度知道Ctangel个人总结&#xff0c;并非网络复制&#xff0c;全是个人日常工作中遇到并且明确确定原因的。如需复制请注明出处。这里列举几个典型的蓝屏故障的原因和解决办法。一、0X0000000A 这个蓝屏代码和硬件无关&…

学习笔记(41):Python实战编程-按钮

立即学习:https://edu.csdn.net/course/play/19711/343103?utm_sourceblogtoedu 按钮——用于指令的提交作用&#xff0c;如将文本中输入的信息进行提交等 button tkinter.Button(root,text linlianqin,image photo,compound bottom) 创建了一个图片按钮&#xff0c;并且…