具有共同依赖关系的 Web 组件
Web components with common dependencies
我在一个单独的应用程序中使用了许多 Web 组件。它们都依赖于 React。 React 不在父 App 中,但所有组件都将依赖于 React。在每个组件中调用和加载 React 是否昂贵,即使是通过 CDN?或者是否有更好的方法来指定由多个 Web 组件共享的公共依赖项?
您的浏览器会将 React 保存在缓存中,因此即使您多次调用它,它也会被下载一次。您可以在 Chrome 开发工具(HTTP 代码 304 Not Modified
)中看到它。所以它应该不会影响整体性能。
如果您使用 Web 组件技术,您可以利用 HTML 导入 来加载依赖项。
您也可以使用像 RequireJs 这样的模块加载器。
我在一个单独的应用程序中使用了许多 Web 组件。它们都依赖于 React。 React 不在父 App 中,但所有组件都将依赖于 React。在每个组件中调用和加载 React 是否昂贵,即使是通过 CDN?或者是否有更好的方法来指定由多个 Web 组件共享的公共依赖项?
您的浏览器会将 React 保存在缓存中,因此即使您多次调用它,它也会被下载一次。您可以在 Chrome 开发工具(HTTP 代码 304 Not Modified
)中看到它。所以它应该不会影响整体性能。
如果您使用 Web 组件技术,您可以利用 HTML 导入 来加载依赖项。
您也可以使用像 RequireJs 这样的模块加载器。