gulpを使ってscssファイルをコンパイルする

まずはgulp,gulp-sassをインストールします。

npm install --save-dev gulp
npm install -- save-dev gulp-sass

static/scss/に入っているscssファイルを static/css/配下にコンパイルしてみます。

gulpfile.jsを作成して、以下のコードを記述します。

gulpfile.js

var sass = require('gulp-sass');
gulp.task('sass', function () {
    gulp.src('./static/scss/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./static/css'));
});

gulp.task('watch', function () {
    //ファイルが変更されると,sassタスクが呼ばれる
    gulp.watch('./static/scss/*.scss', ['sass']);
})


Related Contents

Pickup Contents