使用插件通用性方法

大部分插件是以管道内的处理方法使用的。什么叫“管道内”?就是作为参数传给.pipe。

gulp.src(xxx).pipe(plugin)...

我们来举例子:gulp-uglify

gulp-uglify是最常用的js压缩插件,怎么使用它呢?首先要让项目安装这个包:

$ npm install --save-dev gulp-uglify

然后在gulpfile体系的js中这样使用:

var gulp = require('gulp');
var uglify = require('gulp-uglify');

gulp.task('my_task',function(){
    gulp.src('js/**/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('build'));
});

一般一个插件都先通过require返回一个函数,这个函数主要用在pipe中,也就是说不需要传入要处理什么东西,而是会传入一些options。

在使用的时候,大部分情况都是直接把这个函数作为pipe()的参数传入即可。

知道怎么用,实际上也就知道了一般插件应该怎么去开发,无非就是接收pipe传入的内容,把结果返回给pipe输出。

results matching ""

    No results matching ""