我在写《本文版权归作者所有，未经授权不得转载。gulp中文文档转载请注明出处：www.tangshuang.net》的时候，有一些地方确实也不是非常明白，未经授权，禁止复制转载。【原创内容，转载请注明出处】特别是pipe的部分，其实pipe是no【作者：唐霜】【版权所有，侵权必究】de的stream部分的内容，但是我没有【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。深入去理解，所以用起来还有些吃力。这篇文【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。章主要是写一个插件，可以在gulp的pi【作者：唐霜】本文版权归作者所有，未经授权不得转载。pe中使用。

这个插件的功能是替换文档中的特定内容，使【作者：唐霜】【转载请注明来源】用方法如下：

var gulp = require('gulp');
var paserSnippet = require('./paserSnippet');
gulp.task('paser',function(){
  var params = {
    name: 'my-name',
    age: '10'
  };
  
  gulp.src('./snippets/**/*').pipe(paserSnippet(params)).pipe(gulp.dest('./doc/'));
});

然后运行paser这个task：【版权所有】唐霜 www.tangshuang.net

gulp paser

这样就会以snippets目录下的文档作【本文首发于唐霜的博客】【作者：唐霜】为模板，但是对模板中的特定字符串进行替换【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。，把{{name}}替换为原创内容，盗版必究。'my-name'，把【版权所有】唐霜 www.tangshuang.net{{age}}替换为【原创不易，请尊重版权】10，并把替换完的生成文档到doc目录下。【本文首发于唐霜的博客】

那么paserSnippet怎么实现呢？原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】我们这样写一个paserSnippet.【关注微信公众号：wwwtangshuangnet】【转载请注明来源】js模块：

import through from 'through2';
import logger from 'process.logger';
module.exports = function paserSnippet(pairs) {
    return through.obj(function(file, endcoding, callback) {
        if(file.isNull()) {
            this.push(file);
            return callback();
        }
        if(file.isStream()) {
            logger.error('gulp error: streaming not supported');
            return callback();
        }
        var content = file.contents.toString();
        if(pairs && typeof pairs === 'object') {
            for(let key in pairs) {
                let value = pairs[key];
                content = content.replace('{{' + key + '}}', value)
            }
        }
        file.contents = new Buffer(content);
        this.push(file);
        callback();
    });
}

其中非常关键的，是【作者：唐霜】through2的使用。through2可以获取pipe【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。中的stream或buffer，而这里我原创内容，盗版必究。【原创内容，转载请注明出处】们主要是通过改写buffer从而实现替换【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】文档内容。

return through.obj(function(file, endcoding, callback) {})

.pipe这个方法会去执行传入的参数（函本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】数），得到一个新的内容（stream/b【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。uffer）并且把它往下一个pipe传。【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net而这个新的stream/buffer就靠through.obj得到。through2比较厉害的地方就是原创内容，盗版必究。未经授权，禁止复制转载。，它可以抓取到当前pipe中的内容，并且【转载请注明来源】【原创不易，请尊重版权】在调用obj的时候，可以用参数传入到回调【原创内容，转载请注明出处】【本文首发于唐霜的博客】函数中去，所以在回调函数中的file就是我们可以进行操作的流。著作权归作者所有，禁止商业用途转载。

file.contents就是流的内容，【原创内容，转载请注明出处】【转载请注明来源】注意，这个时候的内容还仅仅是在内存中，并【原创内容，转载请注明出处】原创内容，盗版必究。没有变成实体。因此，我们可以改变它的内容【未经授权禁止转载】本文作者：唐霜，转载请注明出处。。上面的代码中file.contents = new Buffer(content);就是我们通过我们的方法，重新修改了内容。【版权所有，侵权必究】原创内容，盗版必究。但是注意，这个时候它还在内存中，还在pi【转载请注明来源】【作者：唐霜】pe的流中，所以下一个pipe进行处理时【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】，一开始接收到的，就是我们新给定的内容。

通过上面的方法，我们就实现了通过替换模板本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】内容创建新文档的gulp插件。

2016-11-22 5996 gulp, pipe