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