日記: gulp-ruby-sassのコンパイル先にディレクトリ構造を維持しない

gulp-ruby-sass v2.0.2にて

project
│
├── app
│   └── resource
│       └── scss           
│           └── foo.scss //コンパイル対象
│
├── web
│    └── css //出力先
│
└── gulpfile.js

上記のディレクトリ構成でfulpfile.jsに記載した以下のsassタスクを実行すると、

gulp.task('sass', function() {
  return sass('./app/**/scss/*.scss', {style: 'expanded'})
  .pipe(gulp.dest('./web/css'));
});

resourceディレクトリ以下のディレクトリ構造がコピーされて出力される。

web/css/resource/scss/foo.css

ディレクトリ構造をコピーせずに、

web/css/foo.css

こうしたかったので色々やってみた結果、
sassタスクを以下のようにしたら解決した。

gulp.task('sass', function() {
  return sass('./app/resource/scss/*.scss', {style: 'expanded'})
  .pipe(gulp.dest('./web/css'));
});

パスに**ワイルドカードを使用するとマッチしたディレクトリ以下の構造がコピーされてdestに出力されるらしい。

githubのissueで解決策を漁ろうと、英語を読むのに時間が掛かってしまった。
この英語読めない辛さが英語学習のモチベーションを支えている。
英語出来たらいいな、じゃ弱い。
出来ないと辛い、くらいじゃないと勉強しないですし。

JavaScriptをがんばるブログ