ReactJS-PHP中每个视图的多个bundle.js文件

我们正在尝试使用ReactJS作为每个页面的视图来创建一个PHP Laravel应用程序。Laravel处理每个视图的布线和显示。每个视图加载一个react js bundle.js文件。每个bundle.js文件都是该视图的自定义文件，其中包含该视图所需的react组件（屏幕）。我们发现每个bundle.js文件大约4MB，因为每个文件都包含其依赖项和组件。我们还试图找出如何在多个视图中共享一个组件，如TableComponent.js文件，但迄今为止都没有成功

我们的架构是否完全错误？整个应用程序是否应该始终只有一个bundle.js文件

或者，是否有好的修复程序可以从每个bundle.js文件中删除所有视图加载的单个依赖项js文件中的依赖项

---

有没有一种很好的方法可以跨多个bundle.js文件重用ReactJS组件？

听起来像是使用Webpack的完美案例，Webpack是一个非常棒的捆绑工具，下面是一个如何构建多个条目（页面）的示例：

---

您只需编写入口点代码，webpack就会了解如何将不同条目（页面）的共享依赖项构建到公共捆绑包中的详细信息

你用什么捆绑？是的，我们用gulp与browserify、watchify、babelify、minify一起创建bundle.js文件我们最后使用gulp与使用多个条目创建单个bundle.js文件的类似方法。我们将整个应用程序的代码减少到1.9 MB左右，这真是太棒了。通过删除一些依赖项，可以将其缩小。@jklapwyk是否愿意分享您的解决方案？