Posted at

[Gulp]コンパイル前のsassファイル(*.scss)をcssCombする

コンパイル前のsassファイルを整形したかったので、コンパイル後のCSSファイルに実行するcssCombとは別のタスクで実行するようにします。

watchで処理すると案件の都合上不便な時もあるため、 gulp scsscomb でタスクが実行されるようにしました。

コミット前にタスクを実行する習慣をつければ、共同編集するメンバーにも迷惑がかかりませんし、順番違うじゃねーかバカヤロー!と怒られる心配も怒るストレスもなくなります。


gulpfile.js

const gulp    = require("gulp");

const csscomb = require('gulp-csscomb');
const cached = require('gulp-cached');

gulp.task('scsscomb:init', function () {
return gulp.src('htdocs/_scss/**/*.scss')
.pipe(csscomb())
.pipe(cached('cache'))
.pipe(gulp.dest('htdocs/_scss/'));
});

gulp.task('scsscomb', ['scsscomb:init'], () => {
return gulp.src('htdocs/_scss/**/*.scss')
.pipe(cached('cache'))
.pipe(csscomb())
.pipe(gulp.dest('htdocs/_scss/'));
});



参考