fangchaolong
文章57
标签24
分类10
gulp介绍

gulp介绍

gulp是基于node.js的前端自动化构建工具,前端集成开发环境。一些常见丶重复的任务,例如网页自动刷新丶css预处理丶代码检测丶压缩图片丶等等……只需要简单的命令就能全部完成。使用它,可以简化工作。

核心

Gulp基于Node Streams(流)来构建任务,避免磁盘反复I/O(读取/写入)。每个任务都是单独执行(坚持做一件事并且做好它),这使得它速度更快、更为纯粹

gulp的核心的api只有4个

Gulp的核心API只有4个:src、dest、task、watch

  1. gulp.src(globs[, options]):指明源文件路径
    globs:路径模式匹配;
    options:可选参数;

  2. gulp.dest(path[, options]):指明处理后的文件输出路径
    path:路径(一个任务可以有多个输出路径);
    options:可选参数;

  3. gulp.task(name[, deps], fn):注册任务
    name:任务名称(通过 gulp name 来执行这个任务);
    deps:可选的数组,在本任务运行中所需要所依赖的其他任务(当前任务在依赖任务执行完毕后才会执行);
    fn:任务函数(function方法);

  4. gulp.watch(glob [, opts], tasks):监视文件的变化并运行相应的任务
    glob:路径模式匹配;
    opts:可以选配置对象;
    taks:执行的任务;

无以生计,卖文苟延

微信
支付宝