コンパイル前の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/'));
});
##参考