Gulp-buble NPM

gulp-buble

Compile ES2015 with buble

Issues with the output should be reported on the buble issue tracker.

Install

$ npm i gulp-buble -D

Usage

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

gulp.task('default', function () {
	return gulp.src('src/app.js')
		.pipe(buble())
		.pipe(gulp.dest('dist'));
});

It is possible to pass transforms option as the first argument to buble(), to tansform only some specific features of ES2015. For example:

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

gulp.task('default', function () {
	return gulp.src('src/app.js')
		.pipe(buble({
			transforms: {
				arrow: true,
				generator: false
			}
		}))
		.pipe(gulp.dest('dist'));
});

For complete list of buble options, please consult buble guide

Source Maps

Use gulp-sourcemaps like this:

const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const buble = require('gulp-buble');
const concat = require('gulp-concat');

gulp.task('default', () =>
	gulp.src('src/**/*.js')
		.pipe(sourcemaps.init())
		.pipe(buble())
		.pipe(concat('app.js'))
		.pipe(sourcemaps.write('.'))
		.pipe(gulp.dest('dist'))
);