使用 React + TypeScript + MobX + ReactRouter 进行 Parcel Bundler 代码拆分

Question

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

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

今天早些时候快速谷歌后，我在 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 是今天的唯一选择。