23
22

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

gulpとvinyl。gulp.srcを使わずgulpしてみる。

Last updated at Posted at 2015-02-15

この記事はプログラマのためのGulp入門の一部です。

とりあえず、先にまとめておくと、「 GulpはVinylのストリーム 」だ。

Gulpの処理はストリームを繋いで作成する。
このストリームの中を流れるのはVinylオブジェクトです。
Vinylオブジェクトはファイルを抽象化したもので、ファイルシステム内のファイルも表現できるし、S3にあるオブジェクトも表現できたりするようだ。

NodeJSのユーザでないプログラマがGulpで遊ぼうとするとストリームを扱いなれていなくて苦戦することがわかった。

Gulpの処理部分の例はgulp.srcからはじまり、gulp.destで終わることが多い。

gulp.srcはglobをつかって複数のファイルを選択し、dulp.destでは「選択した複数のファイルをなにやら処理したもの」が流れてくるので、流れきたファイルを指定したディレクトリに保存する。

今回はgulp.srcを使わずにVinylオブジェクトを自分でつくってみた。

中身がhogeのhoge.txtと中身がgoroのgorot.txtをmapで作成して、それを入力にしてglup.destに繋いでいる。

npm install vinyl event-stream gulp
sample.js
var Vinyl = require('vinyl');
var es = require('event-stream');
var gulp = require('gulp');

files = ["hoge","goro"].map(function (n) { 
  return new Vinyl({path:n+".txt",contents: new Buffer(n+"\n")});
});

es.readArray(files).pipe(gulp.dest("."));
$ cat hoge.txt
hoge
$ cat goro.txt
goro

filesはVinylオブジェクトの配列で、event-streamのredayArrayを利用すると、配列をストリームに変換することができる。

Vinylのストリームが、Viniylの配列のようなものであることが確認できた。

23
22
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
22

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?