gulp.js y sus tareas
Mar 5, 2014—
—Edit in GithubHace poco les hable de como integrar Grunt con Font Awesome, y desde entonces me tope con gulp.js, que hace lo mismo que Grunt pero mas rápido y sencillo :D Integrándolo en un proyecto para probarlo me tope con un dilema. Hay ciertas tareas que solamente quiero correr cuando estoy desarrollando y otras cuando estoy preparando para subir a producción. En grunt lo hacia usando distintas tareas con diferentes opciones cada una:
De este modo tenemos un CSS comprimido (grunt build
) listo para subir al servidor, y cuando estas desarrollando (grunt
), el CSS sin comprimir y ademas se queda vigilando por cualquier cambio que se haga para volver a compilarlo. Con gulp podemos conseguir algo similar usando gulp-if:
Es bastante sencillo. Toma de parámetro una condición y una tarea a correr y solamente hay que pasarle un parámetro a la hora de llamarlo: gulp build --type production
. No está mal, pero si la tarea build es la única que corro cuando quiero preparar el código para producción, encontre un modo mas sencillo:
var isProduction = gutil.env._[0] === 'build';
¡Y listo! Con solo eso, me basta correr gulp
o gulp build
para diferenciar cuando es desarrollo y producción, sin parámetros extra. Al final queda algo similar a esto:
Espero les sirva :)