Gulp 处理文件

Gulp 暴露了 src() 和 dest() 方法，用于处理计算机上存放的文件。

其中 src() 方法接受一个 glob 参数，从文件系统中读取文件，而后生成一个 Node 流。它将全部匹配的文件读取到内存中并经过流进行处理。

由 src() 方法产生的流应当从任务中返回并发出异步完成的信号，就如 建立任务文档中所述。

示例：

const { src, dest } = require('gulp');

exports.default = function() {
  return src('src/*.js')
    .pipe(dest('output/'));
}

流提供的主要的 API 是用于连接转换或者是可写流的 .pipe() 方法。

const { src, dest } = require('gulp');
const babel = require('gulp-babel');

exports.default = function() {
  return src('src/*.js')
    .pipe(babel())
    .pipe(dest('output/'));
}

dest() 接受一个输出目录做为参数，而且它还会产生一个 Node 流，一般做为终止流。当它接收经过管道传递的文件时，它将文件内容和其余细节写入给定目录中。gulp 还提供了 symlink() 方法，它的操做方式与dest() 相似，但会建立连接而不是文件。

大多数状况下，插件将使用.pipe() 方法放置在 src() 和 dest() 之间，并将转换流中的文件。

向流中添加文件

src() 方法能够放在管道的中间，根据给定的 glob 向流中添加文件，新加入的文件只会对后续的转换可用，若是 glob 匹配的文件与以前的有重复，它仍然会再次添加文件。

示例：

const { src, dest } = require('gulp');
const babel = require('gulp-babel');
const uglify = require('gulp-uglify');

exports.default = function() {
  return src('src/*.js')
    .pipe(babel())
    .pipe(src('vendor/*.js'))
    .pipe(uglify())
    .pipe(dest('output/'));
}

分阶段输出

dest() 方法能够用在管道中间用于将文件的中间状态写入文件系统，当接收到一个文件时，当前状态的文件将会被写入文件系统，文件路径也将会被修改从而来反映出输出文件的新位置，而后该文件继续沿着管道传输。

示例：

const { src, dest } = require('gulp');
const babel = require('gulp-babel');
const uglify = require('gulp-uglify');
const rename = require('gulp-rename');

exports.default = function() {
  return src('src/*.js')
    .pipe(babel())
    .pipe(src('vendor/*.js'))
    .pipe(dest('output/'))
    .pipe(uglify())
    .pipe(rename({ extname: '.min.js' }))
    .pipe(dest('output/'));
}

三种文件模式

• 缓冲（buffered）模式：默认模式，将文件内容加载到内存中。插件一般运行在缓冲模式下且许多插件不支持流动模式。
• 流（streaming）模式：主要用于操做没法存放内存中的大文件，文件内容从文件系统中以小块的方式流式传输而不是一次性所有加载。
• 空模式（empty）：不包含任何内容，只在文件处理元数据时有效。

上面三种模式均可以经过对 src() 方法的 buffer 和 read 参数进行设置。