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

Question

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

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

我转移到JSPM，其中加载动态模块工作，但在项目中创建了其他问题。

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

也许使用Webpack2？

有什么想法吗？

Answer 1

我设法使用Webpack 2来实现这一点。

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

使用以下链接：

• Code splitting using React and Webpack 2
• Migrating from Webpack 1 to Webpack 2

Answer 2

听起来您可以使用webpack Code Splitting实现此目的。

  

Code Splitting可用于将代码拆分为按需加载   块。这可以保持初始下载量小并下载代码   申请要求时提出要求。