Skip to content

Instantly share code, notes, and snippets.

@JCervantesB
Created February 20, 2023 20:58
Show Gist options
  • Save JCervantesB/a653e3c316a0427f186fb411cadee7ad to your computer and use it in GitHub Desktop.
Save JCervantesB/a653e3c316a0427f186fb411cadee7ad to your computer and use it in GitHub Desktop.
FestivaMusica
const { src, dest, watch, parallel } = require('gulp');
// css
const sass = require('gulp-sass')(require('sass'));
const plumber = require('gulp-plumber');
// img
const cache = require('gulp-cache');
const imagemin = require('gulp-imagemin');
const webp = require('gulp-webp');
const avif = require('gulp-avif');
function css(done) {
src('src/scss/**/*.scss') // identificar el archivo
.pipe ( plumber() )
.pipe( sass() ) //compilarlo
.pipe( dest('build/css') ); //Almacenarla en el disco duro
done();
}
function imagenes(done) {
const opciones = {
optimizationLevel: 3
}
src('src/img/**/*.{png,jpg}')
.pipe( cache( imagemin(opciones)) )
.pipe( dest('build/img'))
done()
};
function versionWebp(done) {
const opciones = {
quality:50
};
src('src/img/**/*.{png,jpg}')
.pipe( webp(opciones) )
.pipe( dest('build/img'))
done();
}
function versionAvif(done) {
const opciones = {
quality:50
};
src('src/img/**/*.{png,jpg}')
.pipe( avif(opciones) )
.pipe( dest('build/img'))
done();
}
function dev(done) {
watch('src/scss/**/*.scss', css);
done();
}
exports.css = css;
exports.imagenes = imagenes;
exports.versionAvif = versionAvif;
exports.versionWebp = versionWebp;
exports.dev = parallel( imagenes, versionWebp, versionAvif, dev );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment