search
LoginSignup
2

More than 3 years have passed since last update.

[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/'));
});

参考

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
2