Блог

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

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

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