Я недавно использую webpack и сейчас у меня возникла необходимость экспортировать класс и в последующем создать его объект.
У меня есть следующий класс
export default class Scene{
constructor(){
this.scene = new Object();
this.scene.scenes = new Object();
this.scene.scenes.main = new Object();
this.scene.scenes.main.objects = new Array();
}
}
Вот параметры конфига webpack: const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'scene-parser.js',
path: path.resolve(__dirname, 'dist'),
library: 'Scene',
libraryTarget: 'umd',
libraryExport: 'default'
}
};
После сборки я подключаю scene-parser.js. Пишу в консоль Scene,получаю такой ответ:
class {constructor(){let e=new Object;e.scenes=new Object,e.scenes.main=new Object,e.scenes.main.objects=new Array}}
Вроде все нормально,класс записался в переменную.
После пишу
let a= new Scene()
в ответ получаю undefined. Далее обращаюсь к переменной a и вижу следующее:
t.default {}
__proto__:
constructor: class
__proto__:
constructor: ƒ Object()
hasOwnProperty: ƒ hasOwnProperty()
isPrototypeOf: ƒ isPrototypeOf()
propertyIsEnumerable: ƒ propertyIsEnumerable()
toLocaleString: ƒ toLocaleString()
toString: ƒ toString()
valueOf: ƒ valueOf()
__defineGetter__: ƒ __defineGetter__()
__defineSetter__: ƒ __defineSetter__()
__lookupGetter__: ƒ __lookupGetter__()
__lookupSetter__: ƒ __lookupSetter__()
get __proto__: ƒ __proto__()
set __proto__: ƒ __proto__()
Я ожидал увидеть в ней созданный конструктором объект scene,но получил совсем другое. Что значит это t.default? На каком этапе я поступил не верно?