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

Question

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

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

我转移到 JSPM，在那里加载动态模块工作正常，但在项目中产生了其他问题。

想转回Webpack，但不知道如何实现组件动态加载

也许使用 Webpack2？

有什么想法吗？

Answer 1

听起来您可以使用 webpack Code Splitting。

Code Splitting can be used to split code into an on demand loaded chunk. This can keep the initial download small and downloads code on demand when requested by the application.

Answer 2

我设法使用 Webpack 2 使它工作。

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

使用了以下链接：

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