关于gulp:Gulp-处理文件

7次阅读

共计 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/'));
}