読者です 読者をやめる 読者になる 読者になる

kitak.blog

Kみたいなエンジニアになりたいブログ

gulp で指定したファイルをディレクトリにフラットに配置する術

こんにちは。マッコリで酔いつぶれました、きたけーです。

gulp で例えば、

  gulp.src(['./src/app/**/*.tpl.html'])
      .pipe(gulp.dest('./dest/partials'));

みたいにタスクを記述したときに、元のパスに基いて、dest/partialsにコピーされます。
たとえば、./src/app/foo/foo.tpl.html./dest/partials/foo/foo.tpl.htmlにコピーされます。

これを ./dest/partials/foo.tpl.htmlのように指定したディレクトリにフラットに配置する場合には、gulp-flattenモジュールを使います。

こんなかんじ

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

// ...

  gulp.src(['./src/app/**/*.tpl.html'])
      .pipe(flatten())
      .pipe(gulp.dest('./dest/partials'));