使用ES6导出课程（Babel）

我正在使用ECMAScript 6（使用BabelJS进行编译，然后使用Browserify浏览器）编写一些前端代码，以便可以在一个文件中包含一个类，将其导出并导入另一个文件中。

我这样做的方式是：

export class Game {
    constructor(settings) {

    ...

    }
}

然后在导入类的文件上执行以下操作：

import {Game} from "../../lib/pentagine_browserified.js";
var myGame = new Game(settings);

然后我用编译grunt，这是我的Gruntfile：

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

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

  grunt.initConfig({
    "babel": {
      options: {

        sourceMap: false
      },
      dist: {
        files: {
          "lib/pentagine_babel.js": "lib/pentagine.js",
          "demos/helicopter_game/PlayState_babel.js": "demos/helicopter_game/PlayState.js"
        }
      }
    },

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

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

但是，在new Game(通话中，出现以下错误：

Uncaught TypeError: undefined is not a function

因此，我所做的是通过Babel和Browserify分析生成的代码，并在PlayState_browserified.js以下位置找到了这一行：

var Game = require("../../lib/pentagine_browserified.js").Game;

我决定打印require输出：

console.log(require("../../lib/pentagine_browserified.js"));

它不过是一个空的对象。我决定签出该pentagine_browserified.js文件：

var Game = exports.Game = (function () {

看起来好像正确地导出了该类，但是由于某些其他原因，其他文件上并不需要它。

另外，我确定正确地需要了该文件，因为更改字符串会"../../lib/pentagine_browserified.js"产生Not Found错误，因此该文件将用于确定的正确文件。