很久以前，我們?cè)?quot;細(xì)說(shuō)gulp"隨筆中，以壓縮JavaScript為例，詳細(xì)地講解了如何利用gulp來(lái)完成前端自動(dòng)化。

再來(lái)短暫回顧下，當(dāng)時(shí)除了借助gulp之外，我們還利用了第三方gulp插件”gulp-uglify”，來(lái)達(dá)到壓縮JavaScript文件的目的。

代碼如下：

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開(kāi)發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

今兒，我們的重點(diǎn)就是，自己也來(lái)實(shí)現(xiàn)一個(gè)gulp插件。

正文

其實(shí)，如果只是單純地想要編寫(xiě)一個(gè)gulp插件不難，可以借助through2或者through-gulp來(lái)編寫(xiě)（through-gulp是基于through2開(kāi)發(fā)的）。

例如，我們想要接下來(lái)即將編寫(xiě)的插件（暫取名為modify），實(shí)現(xiàn)這樣的功能：將指定html文件中的{{…}}，全部替換成’Monkey 2 Dorie’。

如下：

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開(kāi)發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

下面我們將利用through2以及through-gulp一一道來(lái)。

**through2**

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開(kāi)發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

'use strict'var through2 = require('through2');
module.exports = modify;function modify(){    return through2.obj(function(file, encoding, cb){        //如果文件為空，不做任何操作，轉(zhuǎn)入下一個(gè)操作，即下一個(gè)pipe