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

Question

我构建了一个小型 React 应用程序，它最终将与其他小型应用程序一起位于页面上的一个部分中。系统的架构方式要求每个应用程序都是一个导出 init 函数的 require 模块，调用该函数时会将应用程序呈现为 div by id。我已经调整了我的 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'
  }
}

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

Load React16 Build Into another app with RequireJS

reactjs

requirejs

amd