Babel将es6转换为es5代码在浏览器中不起作用

Question

我只是设置了一个gulp项目来编译es6的es6代码。但是编译后的代码在浏览器中不起作用。

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

从＆＃34; ./ item＆＃34;;

导入{Test}

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

在html文件中，我需要编译的index.js文件，但是当我在浏览器中看到html文件时，控制台中出现错误：  未捕获的ReferenceError：未定义导出。