关键词:
更多gulp常用插件使用请访问:gulp常用插件汇总
gulp-plumber这是一款防止因gulp插件的错误而导致管道中断,plumber可以阻止 gulp 插件发生错误导致进程退出并输出错误日志。
安装
npm install --save-dev gulp-plumber
使用
var plumber = require('gulp-plumber');
var coffee = require('gulp-coffee');
gulp.src('./src/*.ext')
.pipe(plumber())
.pipe(coffee())
.pipe(gulp.dest('./dist'));
API
plumber([options])
返回Stream,它修复pipe管道中下一个Stream上的方法。
** options **
类型:Object
/ Function
默认:
根据其属性设置以下所述的选项。如果为type Function
,则将其设置为 errorHandler
。
options.heritit
类型:Boolean
默认值:true
Monkeypatch pipe
在管道的基础流中起作用。
options.errorHandler
类型:Boolean
/ Function
默认:true
处理基础流中的错误并将其输出到控制台。
function
: 它将附加到流on(‘error‘)
。false
: 错误处理程序将不会被附加。true
: 将附加默认错误处理程序。
plumber.stop()
此方法将在管道传输后返回管道的默认行为。
var plumber = require('gulp-plumber');
gulp.src('./src/*.scss')
.pipe(plumber())
.pipe(sass())
.pipe(uglify())
.pipe(plumber.stop())
.pipe(gulp.dest('./dist'));
gulp常用插件之wiredep使用
更多gulp常用插件使用请访问:gulp常用插件汇总wiredep这是一款gulp插件,能够将js、css文件自动插入到html中。更多使用文档请点击访问wiredep工具官网。Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript... 查看详情
gulp常用插件之gulp-imagemin使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总gulp-imagemin这是一款缩小PNG,JPEG,GIF和SVG图像的插件。更多使用文档请点击访问gulp-imagemin工具官网。安装一键安装不多解释npminstall--save-devgulp-imagemin使用基本的使用:constgulp=require(&... 查看详情
gulp常用插件之gulp-beautify使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总gulp-beautify这是一款使用js-beautify进行资产美化插件。更多使用文档请点击访问gulp-beautify工具官网。安装一键安装不多解释npminstall--save-devgulp-beautify使用这是js-beautify的gulp插件。varbea... 查看详情
gulp构建前端自动化工作流之:常用插件介绍及使用
在对Gulp有了一个初步的了解之后,我们开始构建一个较为完整的Gulp开发环境。本文主要分为6个段落:1.构建项目目录结构(DirectoryStructureBuild)2.插件介绍及使用方法(Tasksanddependencies)3.扩展优化(Extend&OptimizeTask)4.其他插... 查看详情
gulp常用插件之gulp-uglify使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总gulp-uglify这是一款使用UglifyJS缩小js文件。更多使用文档请点击访问gulp-uglify工具官网。安装一键安装不多解释npminstall--save-devgulp-uglify使用vargulp=require('gulp');varuglify=require('gul... 查看详情
gulp常用插件之gulp-babel使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总gulp-babel这是Babel的Gulp插件。此自述文件适用于gulp-babelv8+Babelv7检查7.x分支以了解使用Babelv6的文档更多使用文档请点击访问gulp-babel工具官网。安装安装gulp-babel,如果你想获得的下一... 查看详情
gulp常用插件之gulp-useref使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总gulp-useref这是一款可以将HTML引用的多个CSS和JS合并起来,减小依赖的文件个数,从而减少浏览器发起的请求次数。gulp-useref根据注释将HTML中需要合并压缩的区块找出来,对区块内的... 查看详情
gulp常用插件之gulp-rev-collector使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总gulp-rev-collector这是一款根据gulp-rev生成的manifest.json文件中的映射,去替换文件名称,也可以替换路径。更多使用文档请点击访问gulp-rev-collector工具官网。安装一键安装不多解释npminstall-... 查看详情
gulp常用插件之gulp-rev-rewrite使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总gulp-rev-rewrite这是一款重写对由gulp-rev修订的资产的引用。更多使用文档请点击访问gulp-rev-rewrite工具官网。安装一键安装不多解释npminstall--save-devgulp-rev-rewrite使用最常见的使用模式包... 查看详情
gulp常用插件之rev-del使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总rev-del这是一款从模块(如gulp-rev)生成的修订清单中删除旧的、未使用的指纹文件。更多使用文档请点击访问rev-del工具官网。安装一键安装不多解释npminstall--save-devrev-del使用revDel(ol... 查看详情
gulp常用插件之gulp-inject使用(代码片段)
更多gulp常用插件使用请访问:gulp常用插件汇总gulp-inject这个插件的作用与wiredep类似,不同的是可以自己任意指定需要插入文件的列表。它同样是利用注释来寻找插入的位置。获取源文件流,将每个文件转换为字符串,并将每个... 查看详情
gulp介绍及常用插件使用方法(代码片段)
...让我们可以专注于代码,提高工作效率。一、API介绍gulp常用的API只有四个:gulp.task(),gulp.src(),gulp.dest(),gulp.watch() 1.gulp.src()输出(Emits)符合所提供的匹配模式(glob)或者匹配模式 查看详情
gulp插件之gulp-livereload
...p-livereload的简介: gulp-livereload插件用于实时重载,当html,css文件内容发生改变时,浏览器会自动刷新页面。在使用gulp-livereload插件时需要浏览器安装相应的liveReload插件(浏览器插件)一、gulp-livereload... 查看详情
gulp插件之gulp-uglify
...擎,用来压缩js文件,加快网站响应速度。一、gulp-uglify插件的使用1、安装“gulp-uglify”插件命令(在终端进入到项目根目录执行) npminstall--save-dev&nbs 查看详情
gulp插件之del
...内容并没有太大关系,所以,我们没必要去使用一个gulp插件。最好是选择使用一个原生的node模块,因为 del 模块支持多个文件以及模式匹配,因此,我们将使用它来删除文件。一、del模块的使用1、安装“del”插件命令(... 查看详情
gulp插件之gulp-autoprefixer
...toprefixer的简介: gulp-autoprefixer插件用来自动给css文件样式添加浏览器前缀。一、gulp-autoprefixer插件的使用1、安装“gulp-autoprefixer”插件命令(在终端进入到项目根目录执行) n... 查看详情
gulp插件之gulp-concat
...就能减少页面的http请求数,提升用户体验。一、gulp-concat插件的使用1、安装“gulp-concat ”插件命令(在终端进入到项目根目录执行) & 查看详情
精通gulp常用插件
匹配符*、**、!、{}gulp.src(‘./js/*.js‘)//*匹配js文件夹下所有.js格式的文件gulp.src(‘./js/**/*.js‘)//**匹配js文件夹的0个或多个子文件夹gulp.src([‘./js/*.js‘,‘!./js/index.js‘])//!匹配除了index.js之外的所有js文件gulp.src(‘./js/**/{omui,commo... 查看详情