gulp-babel 7.0.1

Gulp-Babel is a JavaScript tool that allows developers to use next-generation JavaScript syntax today. Powered by Babel, it effectively transforms cutting-edge, latest JavaScript code into version that current browsers can comprehend. This significantly broadens browser compatibility for JavaScript applications, thus enhancing the user experience.

To utilize Gulp-Babel, you will first need to install the package and its prerequisites @babel/core and @babel/preset-env into your development environment. For Babel version 7, this can be achieved with this command:

$ npm install --save-dev gulp-babel @babel/core @babel/preset-env

Afterward, you can integrate Gulp-Babel into your gulp tasks. A common use case involves selecting source files with gulp.src(), piping them through the Babel processor, and outputting the transformed files to a destiny folder. Here's what the code might look like:

const gulp = require('gulp');
const babel = require('gulp-babel');

gulp.task('default', () =>
    gulp.src('src/app.js')
        .pipe(babel({
            presets: ['@babel/env']
        }))
        .pipe(gulp.dest('dist'))
);

You can further customize Babel's behavior by altering its options.

Complete documentation for Gulp-Babel can be accessed directly from Babel's official website. To report issues with the output of Gulp-Babel, you can resort to Babel's issue tracker. For additional details on Gulp-Babel's usage, such as including source maps or handling Babel metadata, visit Gulp-Babel's page on GitHub.