实际上我到目前为止看到的所有应用程序和代码片段都使用webpack的HMR API或React Hot Loader将根组件标记为热点,就是这样 . 这意味着如果更改“叶子组件”,将重新加载包含所述根的完整路径 .

试用最新的React Hot Loader,我意识到以下简单模块结构的例子(我想这可能也可以用webpack的API完成,但需要更多的代码):

App
|--- Branch1
|--- Branch2

我可以将它们全部导出为热,以便仅重新加载实际更改的组件 .

这让我问自己两个问题:

  • webpack / React的工作原理是什么让一般的想法变得糟糕?

  • 是否有比将手动导出所有组件更热的解决方案? (我真的很惊讶,无论是webpack还是RHL都没有自己开箱即用 . 但也许它们不能,也许它会是"too much magic",也许是a)无论如何适用,等等 . )