使用React + TypeScript + MobX + ReactRouter获取宗地捆绑程序代码拆分

Question

我一直试图让Parcel Bundler进行代码拆分一个ReactJS项目一段时间，但没有成功，该项目还使用TypeScript，ReactRouter和MobX进行状态管理。

我一直想把样板样本放在一起，并在这里寻求帮助一段时间，但没有完全解决。

在今天早些时候快速浏览Google之后，我在Github上遇到了一个现成的样板，它使用相同的设置，并且不进行代码拆分...

https://github.com/wenpengfei/parcel-typescript-react-boilerplate

一旦编译并运行，它最终在dist文件夹中只有一个大.js文件，代码拆分的想法是在Web应用程序的每个“区域”创建几个较小的.js文件，对吗？

库/框架的这种组合甚至可能吗？ 如果不是，我唯一的选择是改走webpack路线（如果可行）？

Answer 1

对于客户端代码拆分，只需使用import + React.lazy 。 应该开箱即用。

为了支持服务器端代码拆分（或通过服务器端渲染进行客户端代码拆分） -https://github.com/theKashey/react-imported-component是当今的唯一选择。