与babel和browsrify的呼噜声

我有一个简单的JavaScript项目,它使用Babel将ECMAScript 6转换为ES5,然后需要Browserify来利用ES6的模块。

所以,我想到了这个 Gruntfile.js 要编译它:

module.exports = function(grunt) {
  "use strict";

  grunt.loadNpmTasks('grunt-babel');
  grunt.loadNpmTasks('grunt-browserify');

  grunt.initConfig({
    "babel": {
      options: {
        sourceMap: true
      },
      dist: {
        files: {
          "lib/pentagine.js": "lib/pentagine_babel.js",
          "demos/helicopter_game/PlayState.js": "demos/helicopter_game/PlayState_babel.js"
        }
      }
    },

    "browserify": {
      dist: {
        files: {
          "lib/pentagine.js": "lib/pentagine_babel.js",
          "demos/helicopter_game/PlayState.js": "demos/helicopter_game/PlayState_babel.js"
        }
      }
    }
  });

  grunt.registerTask("default", ["babel", "browserify"]);
};

grunt 运行正常,没有任何错误。但是,我遇到以下错误:

Uncaught SyntaxError: Unexpected reserved word 在…上 export 未捕获语法错误:意外的保留字 在…上 import

基本上,我在主文件中所做的是:

export class Game {
    ...
}

然后将其导入为:

import {Sprite, Game} from "lib/pentagine";

我正在根据ECMAScript 6编写所有代码。然而,导出/导入似乎不起作用,而是与JavaScript保留字发生冲突(尽管我有 browserify.js 工作)。