diff --git a/gulpfile.js b/gulpfile.js index 4be921c..700d6fc 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,7 +1,7 @@ var gulp = require('gulp'); var rename = require('gulp-rename'); -var less = require('gulp-less'); +var sass = require('gulp-sass'); var cssminify = require('gulp-csso'); var concat = require('gulp-concat'); var uglify = require('gulp-uglify'); @@ -11,8 +11,8 @@ var uglify = require('gulp-uglify'); // ---------------------------------- var config = { - lessPattern: 'app/assets/less/**/*.less', - lessSrc: 'app/assets/less/application.less', + sassPattern: 'app/assets/sass/**/*.scss', + sassSrc: 'app/assets/sass/application.scss', cssOutputDir: 'public/css', jsSrc: [ 'node_modules/jquery/dist/jquery.js', @@ -43,13 +43,17 @@ var config = { // ---------------------------------- gulp.task('build-css', function () { - return gulp.src(config.lessSrc) - .pipe(less()) + return gulp.src(config.sassSrc) + .pipe(sass()) .pipe(cssminify()) .pipe(rename({ basename: 'application', suffix: '.min'})) .pipe(gulp.dest(config.cssOutputDir)) }); +gulp.task('watch-sass', function() { + gulp.watch(config.sassPattern, ['build-css']); +}); + gulp.task('build-js', function () { return gulp.src(config.jsSrc) .pipe(uglify()) @@ -57,9 +61,5 @@ gulp.task('build-js', function () { .pipe(gulp.dest(config.jsOutputDir)); }); -gulp.task('watch-less', function() { - gulp.watch(config.lessPattern, ['build-css']); -}); - gulp.task('build-assets', ['build-css', 'build-js']); -gulp.task('default', ['watch-less']); +gulp.task('default', ['watch-sass']);