Archived
1
0
Fork 0

gulpfile.js: compile sass instead of less.

This commit is contained in:
Henrik Hautakoski 2018-08-18 22:42:07 +02:00
parent 0b020387c8
commit bc317369eb

View file

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