美文网首页每天五分钟之IT技能包
gulp插件(11) - gulp-if(条件判断)

gulp插件(11) - gulp-if(条件判断)

作者: 学好该死的程序 | 来源:发表于2017-10-25 13:25 被阅读6次

功能描述

为功能执行添加条件判断,跟程序语言中的if是相同语义。可以利用条件判断,可以编写类似profile的打包逻辑。


插件安装

$ cnpm install gulp-if --save-dev

使用方法

例1: 图片压缩过程比较慢,开发过程中需要经常打包,如果每次打包都压缩图片会延长打包过程,可以设置为只在发布生产环境时才执行图片压缩操作。

var gulp     = require('gulp'),
    gulpif   = require('gulp-if'),
    imagemin = require('gulp-imagemin'),
    pump     = require('pump');

// 是否生产环境
global.production = true;

gulp.task('testImagemin', function () {
    pump([
        gulp.src('src/img/*.{png,jpg,gif,ico}'),
        // 生产环境,对图片进行压缩,否则不压缩
        gulpif(!global.production, imagemin()),
        gulp.dest('dist/img')
    ])
});

相关文章

  • gulp插件(11) - gulp-if(条件判断)

    功能描述 为功能执行添加条件判断,跟程序语言中的if是相同语义。可以利用条件判断,可以编写类似profile的打包...

  • 利用gulp-if用文件名为条件做过滤

    最近在给公司的项目做版本管理,由于我们项目的奇葩性,框架的特性,以及我们gulpfile本身的复杂性,让这个工作进...

  • 编写gulp插件

    本章讲解如何编写gulp插件,这里通过实现一个简单的插件功能来一步步讲解如何编写gulp插件。 gulp插件结构 ...

  • gulp压缩合并文件

    gulp压缩合并文件流程 //引入gulp和gulp插件var gulp = require('gulp');va...

  • gulp的简单使用

    gulp使用流程:安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gu...

  • gulp之插件、监控、api使用

    一、gulp插件的使用 |--插件的实质:gulp插件的实质是Node转换流,它封装了-通过管道(pipeli...

  • gulp入门

    安装gulp 安装gulp插件 gulp使用与执行 在目录创建gulpfile.js文件 执行:gulp defa...

  • gulp 配置及插件体系

    gulp 配置及插件体系 gulp-autoprefixer 的browsers参数详解 (传送门): gulp...

  • gulp--自动化构建工具

    常用的gulp插件: 1、css压缩:gulp-caanano; 2、图片压缩:gulp-imagemin; 3、...

  • gulp常用插件整理(持续更新)

    gulp常用插件整理 1.gulp-sass(sass编译) 2.gulp-compass(sass编译) 3.g...

网友评论

    本文标题:gulp插件(11) - gulp-if(条件判断)

    本文链接:https://www.haomeiwen.com/subject/xkjqpxtx.html