Веб-классы экспорта из нескольких файлов ввода

Я использую 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

Моим текущим обходным путем является экспорт всех моих классов из одного файла, но он становится довольно громоздким.

Как мне настроить библиотеку с несколькими файлами ввода, которые все экспортируются? Или я собираюсь сделать что-то неправильно здесь?

Ответы

import Apples from './apples';
import Oranges from './oranges';

export {
    Apples,
    Oranges
};

export{Apples} from './apples';
export{Oranges} from './oranges';