instalar - Gulp mira todos los archivos pero renderiza solo uno(sass)

npm gulp

Question

Quiero hacer que gulp mire todos los cambios en mis carpetas de trabajo, pero que solo genere un archivo. Como uso scss que importa todos los archivos necesarios, no es necesario compilar todos los archivos .css , solo el principal.

Ahora, mi gulpfile.js contiene:

var gulp = require(''gulp'');
var util = require(''gulp-util'');
var sass = require(''gulp-sass'');
gulp.task(''sass'', function () {
return gulp.src(''./sass/style.scss'')
.pipe(sass().on(''error'', sass.logError))
.pipe(gulp.dest(''./dist/css''));
});
gulp.task(''watch'', function() {
gulp.watch(''./sass/**/*.scss'', [''sass'']);
});

Y tengo que entrar en ./sass/style.scss y guardarlo en triger gulp watch.

Quiero que gulp vea todos los archivos (algo así como ./**/*.scss ) pero que represente solo uno - ./sass/style.scss . ¿Cómo lograr eso?

Answer 1

La solución a esto es simple, solo edita la parte de watch de gulpfile.js para:

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

Lo cual dice: mira todo .scss y en change ejecuta ''sass'' taks .

''sass'' taks compila solo ./sass/style.scss''