Entrar Ainda não tem acesso?
1
resposta

Sass invés de Less

Referente ao curso Gulp: automação de tarefas front-end, no capítulo Usar pré-processador dá trabalho. Será? e atividade Colocando em prática

por Eduardo Gonçalves dos Santos
| 335.3k xp | 83 posts

Código para implementar Less:

var gulp = require('gulp')
  ,autoprefixer = require('gulp-autoprefixer')
  ,less = require('gulp-less');
gulp.watch('src/less/**/*.less').on('change', function(event) {
       var stream = gulp.src(event.path)
            .pipe(less().on('error', function(erro) {
              console.log('LESS, erro compilação: ' + erro.filename);
              console.log(erro.message);
            }))
            .pipe(gulp.dest('src/css'));
    });

Como ficaria para trocar para Sass?

Abs,

1 resposta
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala aí Eduardo, tudo bem? Para usar com o SASS você pode estar utilizando o gulp-sass, o código é bem parecido:

const gulp = require('gulp');
const sass = require('gulp-sass');

sass.compiler = require('node-sass');

gulp.task('sass', function () {
    return gulp.src('./sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
         .pipe(gulp.dest('./css'));
});

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

Espero ter ajudado.