Skip to content

Instantly share code, notes, and snippets.

@DavidPeralvarez
Created June 29, 2020 15:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DavidPeralvarez/601c0a8a718cb08f77a619b0165b227b to your computer and use it in GitHub Desktop.
Save DavidPeralvarez/601c0a8a718cb08f77a619b0165b227b to your computer and use it in GitHub Desktop.
Gulp Plumber
// 1- Compilar código LESS
// 2- Añadir prefijos
// 3- Minificar el archivo resultante
// 4- Renombrar el archivo
// 5- Actualizamos el navegador automáticamente
var gulp = require('gulp'),
autoprefixer = require('gulp-autoprefixer'),
cleancss = require('gulp-clean-css'),
rename = require('gulp-rename'),
less = require('gulp-less'),
plumber = require('gulp-plumber'),
browsersync = require('browser-sync').create();
// Aquí tratamos nuestras hojas de estilo
function estilos(done){
gulp.src('./less/app.less')
.pipe(plumber())
.pipe(less())
.pipe(autoprefixer({
browsers: ['last 4 versions'],
flexbox : true,
grid : true
}))
.pipe(cleancss())
.pipe(rename({
basename : "style",
}))
.pipe(gulp.dest('./'));
done();
}
// Recagargar el navegador
function recargar(done){
browsersync.reload();
done();
}
// Servir el contenido
function servir(done){
browsersync.init({
proxy : 'cursogulp.local',
open : false
});
done();
}
// Observar
function observar(done){
gulp.watch('./less/**/*.less',gulp.series(estilos,recargar));
gulp.watch(['./*.php','./inc/*.php','./template-parts/*.php'], recargar);
done();
}
gulp.task('default', gulp.series(estilos, servir, observar));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment