具有公共依赖关系的Web组件

Question

我在一个单独的应用程序中使用了许多Web组件。他们都依赖于React。 React不在父App中，但所有组件都依赖于React。在每个组件中调用和加载React是否昂贵，甚至是在CDN上？或者是否有更好的方法来指定多个Web组件共享的公共依赖项？

Answer 1

您的浏览器会将React保留在缓存中，因此即使您多次调用它也会将其下载一次。您可以在Chrome开发工具（HTTP代码304 Not Modified）中看到它。所以它不应该影响整体表现。

如果您使用Web组件技术，则可以利用 HTML Imports 来加载依赖项。

您还可以使用 RequireJs 等模块加载器。