使用RequireJS将React16 Build加载到另一个应用程序中

Question

我构建了一个小型React应用程序，该应用程序最终将与其他小型应用程序一起出现在页面的某个部分中。系统的架构方式要求每个应用程序都是一个require模块，该模块导出一个init函数，该函数在被调用时将按id将应用程序呈现到div中。我已经调整了我的React构建，以便有一个js文件。现在，我正在尝试确定是否可以使requirejs最终加载该最终版本。我已经找到了许多有关在构建过程中使用requirejs的信息，但我宁愿能够使用create-react-app方法，也可以通过某种方式增加以AMD方式进行输出的功能。我知道这看起来很愚蠢，但是我无法绕过该平台的AMD架构。

Answer 1

您可以通过调整webpack.config.js文件的配置来实现此目的，您需要检出webpack的output.library选项（library，libraryExport和libraryTarget ）： https://webpack.js.org/configuration/output#module-definition-systems

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