关于gulp:Gulp-处理文件

52次阅读

共计 1549 个字符,预计需要花费 4 分钟才能阅读完成。

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() 办法的 bufferread 参数进行设置。

正文完
 0