gulpfile.jsメモ


gulp-ruby-sass1.0以上対応

scssファイルのコンパイル(出力スタイルはexpanded)、ソースマップの出力、ベンダープレフィックスの付与、指定ディリクトリの監視ができる。

gulpfile.js

gulpfile.js
gulp = require('gulp');
var sass = require('gulp-ruby-sass');
var plumber = require("gulp-plumber");
var autoprefixer = require("gulp-autoprefixer");
var sourcemaps = require('gulp-sourcemaps');

gulp.task("sass", function() {
    return sass('sass/', { //コンパイルしたいscssファイルを、「sass」ディリクトリに全て配置する
        sourcemap: true ,
        style: 'expanded'
    })
    .pipe(plumber())
    .pipe(autoprefixer("last 3 version"))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./'));
});

gulp.task('watch', function () {
gulp.watch('sass/**/*.scss', ['sass']);
});