Загрузите React16 в другое приложение с помощью RequireJS

Question

Я создал небольшое приложение React, которое в конечном итоге будет в разделе на странице с другими небольшими приложениями. Архитектура системы требует, чтобы каждое приложение было модулем require, который экспортирует функцию init, которая при вызове отображает приложение в div по id. Я уже настроил свою сборку React, чтобы у меня был один файл js. Теперь я пытаюсь выяснить, могу ли я как-нибудь загрузить эту финальную сборку с помощью requirejs. Я нашел много информации об использовании requirejs как части сборки, но я бы предпочел остаться с помощью метода create-реагировать на приложение и, возможно, каким-то образом добавить возможность делать вывод способом AMD. Я знаю, что это должно показаться глупым, но я не могу обойти архитектуру AMD этой платформы.

Answer 1

Этого можно добиться, настроив конфигурацию файла webpack.config.js, вам нужно проверить опции output.library веб-пакета (library, libraryExport и libraryTarget): https://webpack.js.org/configuration/output#module-definition-systems

module.exports = {
  //...
  output: {
    library: 'MyReactAppLibrary',
    libraryTarget: 'amd'
  }
}