新しい日記

新しい日記

gulp-ruby-sass で複数の scss を同時にコンパイルする

gulp-ruby-sass は src 部分に配列とかグローバル(*)を使うことが出来ないので、異なる scss ファイルを出力したい場合は複数のタスクを作るしかないと思っていたが、
以下のような方法で source をわけてあげることで複数の scss をコンパイル出来る。

//sources
var sassSrc = {
  sass: '_src/sass/',
  scss: '_src/sass/**/*.scss'
}

//task
gulp.task('sass', function() {
    return $.rubySass(['_src/sass/styles.scss', '_src/sass/styles2.scss'],{style: 'expanded'})
    .pipe(gulp.dest('css/'));
});

//watch
gulp.task('watch',function() {
    gulp.watch(sassSrc.scss,['sass']);
});

ありがとう、ありがとう

github.com