我正在开发一个带有 React + Redux + Webpack 的单页应用程序。Webpack 是打包所有东西的好工具，但我无法弄清楚一些 pt 我的应用程序只是构造一个父页面，一旦用户从顶部菜单中选择该功能，特定功能将在选项卡容器中作为新选项卡启动，并且选项卡本身需要交互。假设当选项卡 A 完成某事时，选项卡 B 必须刷新部分信息。
我起草的想法是，每个函数都是 React 的 BIG 组件，父组件控制哪个函数(组件(应该附加到选项卡容器中。但是我想如果我使用 Webpack 将整个应用程序捆绑成 1 个.js文件，可能会出现问题，即使我将供应商源包拆分为外部资源，.js文件大小也会非常大
我相信这是使用 Webpack 的单页应用程序的常见问题，应该有更好的方法来解决这个问题。
如果我滥用 React + Webpack 的任何内容，请纠正我
当 webpack 在生产模式下编译/捆绑你的代码时，它将比你当前看到的捆绑包大小小得多。 另外，如果您担心，请查看Preact(https://preactjs.com/(，它与React的API兼容，但要小得多
。Webpack 支持动态导入，可用于按需加载代码，例如打开顶级选项卡时。这样，您的初始 js 捆绑包保持较小，并且应用程序可以非常快速地启动。
https://webpack.js.org/guides/code-splitting/#dynamic-imports