经常浏览一下gulp中文网

优势：

易于使用

通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。

构建快速

利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。

插件高质

Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。

易于学习

通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。

Gulp安装

• 1. 全局安装 gulp：
     $ npm install --global gulp
• 2. 作为项目的开发依赖（devDependencies）安装：
     $ npm install --save-dev gulp
• 3. 在项目根目录下创建一个名为 gulpfile.js 的文件：

     var gulp = require('gulp');
     gulp.task('default', function() {
     // 将你的默认的任务代码放在这
     });
     

• 4. 运行 gulp：
     $ gulp

• 5.安装sass插件：
  $ npm install gulp-sass

Glup将输入的文件转换成内存流

image.png

gulp 技巧集

• 整合 streams 来处理错误
• 删除文件和文件夹
• 使用 watchify 加速 browserify 编译
• 增量编译打包，包括处理整所涉及的所有文件
• 将 buffer 变为 stream (内存中的内容)
• 在 gulp 中运行 Mocha 测试
• 仅仅传递更改过的文件
• 从命令行传递参数
• 只重新编译被更改过的文件
• 每个文件夹生成单独一个文件
• 串行方式运行任务
• 拥有实时重载（live-reloading）和 CSS 注入的服务器
• 通过 stream 工厂来共享 stream
• 指定一个新的 cwd (当前工作目录)
• 分离任务到多个文件中
• 使用外部配置文件
• 在一个任务中使用多个文件来源
• Browserify + Uglify2 和 sourcemaps
• Browserify + Globs
• 同时输出一个压缩过和一个未压缩版本的文件
• 改变版本号以及创建一个 git tag
• Swig 以及 YAML front-matter 模板