Fotografia de capa por Andrew Slifkin, tirada por Sony ILCE-6000

Hey galera, um post rapidex aqui xD, geralmente usamos o babel pra compilar o javascript quando queremos usar as novas features do Ecmascript 2015, mas surge uma dúvida de como usar ele no gulpfile.

Como fazer?

A partir da versão do 3.9 do Gulp, já podemos usar o babel pra compilar o código do gulpfile. Então vamos lá, primeiro instalamos as dependências:

npm install --sade-dev gulp babel-core babel-preset-es2015

depois vamos criar o gulpfile.babel.js e o .babelrc., dentro do .babelrc colocamos o seguinte:

{
  "presets": ["es2015"]
}

e no gulpfile.babel.js já podemos usar import/modules, arrow functions, template strings, constants, e assim por diante, vamos fazer um teste:

import gulp from 'gulp';

gulp.task('default', () => {
  console.log('Hello World');
});

e minha saída no terminal:

[22:53:57] Requiring external module babel-core/register
[22:53:57] Using gulpfile /tmp/gulpteste/gulpfile.babel.js
[22:53:57] Starting 'default'...
Hello World
[22:53:57] Finished 'default' after 128 μs

Encerramento

Então é isso ae pessoal, qualquer coisa é só colocar nos comentários :D