Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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

参考

un-t
インターネットビジネスを中心とした企画、設計、デザイン、システム、運用、マーケティング、リサーチ等の総合的なクリエイティブファームです。
https://www.un-t.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away