使用 React + TypeScript + MobX + ReactRouter 获取 Parcel Bundler Code Splitting

Question

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

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

今天早些时候 google 快速浏览后，我在 Github 上发现了一个现成的样板，它使用相同的设置并且也没有代码拆分...

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

编译后 运行，dist 文件夹中只有一个大的 .js 文件，代码拆分背后的想法是为每个 'area' 创建几个较小的 .js 文件Web 应用程序对吗？

这种 libraries/frameworks 的组合甚至可能吗？如果没有，我唯一的选择是走 webpack 路线吗（如果可行的话？）？

Answer 1

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

支持服务器端代码拆分（或客户端代码拆分与服务器端呈现）- https://github.com/theKashey/react-imported-component 是今天唯一的选择。