reactjs - 如何在编译时要求名称未知的模块？

Question

我有一个加载应用程序骨架的 React Web 应用程序。在浏览器中加载骨架后，它会通过 ajax 从服务器获取模块名称列表。然后，它需要从服务器获取这些模块名称，并将它们作为 React 组件加载到骨架中。

我从 Webpack 1 开始，在加载动态模块时遇到了麻烦，因为 require.ensure() 需要在构建时找出名称。

我搬到了加载动态模块工作的 JSPM，但在项目中产生了其他问题。

我想回到 Webpack 但我不知道如何实现动态组件包加载。

也许使用Webpack2？

有任何想法吗？

Answer 1

我设法使用 Webpack 2 来完成这项工作。

有一些示例展示了如何使用 ReactRouter 和 Webpack 2，并动态加载每个路由。

使用了以下链接：

• 使用 React 和 Webpack 2 进行代码拆分
• 从 Webpack 1 迁移到 Webpack 2

Answer 2

听起来您可以使用 webpack Code Splitting来实现这一点。

代码拆分可用于将代码拆分为按需加载的块。这可以使初始下载保持较小，并在应用程序请求时按需下载代码。