Usando ECMAScript 6 en tus tareas de Gulp

Algo muy molesto cuando estás usando ES6 con Babel.js y Gulp.js para automatizar tareas es que el archivo gulpfile.js sigue estando en ES5 y usando los módulos de CommonJS, aunque el resto de tu aplicación use ES6 y sus sistema de módulos.

Esto se acabo desde la última versión de Gulp.js. Al momento de actualizar nuestra instalación global y local de Gulp.js a la v3.9.0 ya nos es posible empezar a usar ES6 en nuestro gulpfile.js gracias a Babel.js.

Para hacer esto primero necesitamos tener la última versión de Gulp.js, para eso podemos usar el comando:

npm up -D gulp && sudo npm up -g gulp

Este comando va actualizar la versión de Gulp que tengamos instalada tanto de forma local como global. Luego de esto necesitamos asegurarnos de tener Babel.js en nuestro package.json:

npm i -D babel

Por último solo tenemos que renombrar nuestro archivo gulpfile.js a gulpfile.babel.js y listo, con solo esto ya podemos hacer algo como esto:

Tareas de Gulp para ejecutar ESLint y Browserify + Babelify cada vez que cambia un archivo

Ahora al momento de ejecutar Gulp este va a leer el archivo gulpfile.babel.js y va a ejecutar estas tareas usando Babel.js para transpilar el código en el momento.