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

【问题标题】：How do I require modules whose names are unknown at compile time?如何在编译时要求名称未知的模块？
【发布时间】：2016-06-25 06:57:37
【问题描述】：

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

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

我搬到了 JSPM，在那里可以加载动态模块，但在项目中产生了其他问题。

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

也许使用 Webpack2？

有什么想法吗？

【问题讨论】：

【解决方案1】：

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

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

使用了以下链接：

【讨论】：

【解决方案2】：

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

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

【讨论】：