Как переделать сборку gulp под less?

Подскажите как переделать сборку gulp из sass в less ?... Взялся за изучение Gulp но найти не смог

var gulp = require('gulp');
var rename = require('gulp-rename');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync').create();


function copy(done) {

gulp.src('./scss/**/*.scss')
  .pipe(sourcemaps.init())
  .pipe(sass({
    errorLogToConsole: true
  }))
  .on('error', console.error.bind(console))
  .pipe(autoprefixer({
            cascade: false
        }))
  .pipe(sourcemaps.write('./'))
  .pipe( gulp.dest('./css/') )
  .pipe(browserSync.stream());

  done();
}

function sync(done) {
  browserSync.init({
    server: {
      baseDir: "./"
    },
    port: 3000
  });
  done();
}

function browserReload(done) {
  browserSync.reload();
  done();
}

function watchSass(){
  gulp.watch("./scss/**/*", copy);
}


function watchFiles(){
  gulp.watch("./scss/**/*", copy);
  gulp.watch("./**/*.html", browserReload);
  gulp.watch("./**/*.php", browserReload);
  gulp.watch("./**/*.js", browserReload);
}


gulp.task('default', gulp.parallel(sync, watchFiles));
gulp.task(sync);
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы