Я использую webpack для создания рамки для использования третьими сторонами. Эта структура должна предоставлять несколько классов ES6. Строя модульным способом, я написал один класс для каждого файла. Я хочу создать все эти файлы вместе и объединить их в определенное пространство имен. Пример:
apples.js export class Apples {...}
oranges.js export class Oranges {...}
webpack.config.js:
module.exports = {
entry: ['./src/apples.js', './src/oranges.js'],
output: {
path: './dist',
filename: 'fruit.js',
library: 'Fruit',
libraryTarget: 'umd'
}
}
Однако, если я загружаю эту библиотеку в браузере и набираю fruit
в консоли, я вижу только объект Oranges под Fruit. В библиотеке отображается только последний файл входа. Разумеется, документы webpack подтверждают это поведение:
Если вы передаете массив: все модули загружаются при запуске. Последний экспортируется. http://webpack.github.io/docs/configuration.html#entry
Моим текущим обходным путем является экспорт всех моих классов из одного файла, но он становится довольно громоздким.
Как мне настроить библиотеку с несколькими файлами ввода, которые все экспортируются? Или я собираюсь сделать что-то неправильно здесь?