Babel преобразование кода ES6 в ES5 не работает в браузере

Question

Я просто настроил проект gulp для компиляции кода es6 в es5. Но скомпилированный код не работает в браузере.

gulpfile.js

var dir = __dirname;

const PATH = {
    sources: {
        js: path.join(dir, 'public/src/js/**/*.js')
    },
    build: {
        js: path.join(dir, 'public/dist/js')
    },
    sourcemaps: path.join(dir, 'public/maps')
};

gulp.task('default');

gulp.task('dev', ['dev:js']);

gulp.task('dev:js', function() {
    return gulp.src(PATH.sources.js)
            .pipe(sourcemaps.init())
            .pipe(babel())
            .pipe(sourcemaps.write(PATH.sourcemaps))
            .pipe(gulp.dest(PATH.build.js));
});

item.js

export class Test{
    play(){
        console.log('playing');
    }
}

index.js

import {Test} из "./item";

const t = new Test();
t.play();

В html-файле мне требуется скомпилированный файл index.js, но когда я вижу html-файл в браузере, в консоли возникает ошибка: Uncaught ReferenceError: export не определен.