Экспорт класса с 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
ошибка, так что дело в правильном файле, в котором я уверен.