gulp常用插件之gulp-plumber使用(代码片段)

jiaoshou jiaoshou     2023-05-04     295

关键词:

更多gulp常用插件使用请访问:gulp常用插件汇总


gulp-plumber这是一款防止因gulp插件的错误而导致管道中断,plumber可以阻止 gulp 插件发生错误导致进程退出并输出错误日志。

更多使用文档请点击访问gulp-plumber工具官网

安装

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... 查看详情