Webpack 如何从父网页包项目获取外部依赖项

Webpack 如何从父网页包项目获取外部依赖项,webpack,Webpack,我正在使用微型前端风格的架构。目前,每个micro用户界面都有自己的所有依赖项副本。因为所有的大小一开始都很小,所以我的团队还没有担心重复依赖项的捆绑成本(高度优化的树抖动有帮助)。但随着我们规模的扩大,我觉得这是我们可能需要解决的问题 我一直在研究如何使用externals与webpack包共享库。问题是,我所看到的所有文档似乎都涉及到依赖关系,这些依赖关系来自类似于通过标签的CDN。我不确定这对我们的公司网络有多好,我听到一些关于我们如何避免CDN的闲聊 不管怎样,我想知道webpack是否

我正在使用微型前端风格的架构。目前,每个micro用户界面都有自己的所有依赖项副本。因为所有的大小一开始都很小,所以我的团队还没有担心重复依赖项的捆绑成本(高度优化的树抖动有帮助)。但随着我们规模的扩大,我觉得这是我们可能需要解决的问题

我一直在研究如何使用externals与webpack包共享库。问题是,我所看到的所有文档似乎都涉及到依赖关系,这些依赖关系来自类似于通过标签的CDN。我不确定这对我们的公司网络有多好,我听到一些关于我们如何避免CDN的闲聊


不管怎样,我想知道webpack是否有办法从父webpack应用程序获取外部依赖项。因此,第一个webpack应用程序加载依赖项,然后微前端(随后加载)从父级获取它们的依赖项?

这非常相似。答案对您有帮助吗?我们使用
webpack.config.js
中的
externals
来实现这一点。如果它是我们拥有的共享库,我们还将在库导出到的全局库的名称中使用构建的哈希。我们提供CloudFront CDN的所有服务,因此客户端有很好的缓存。因此,我们可以继续开发我们拥有的共享库,并在需要时引入突破性的更改,而不会给用户带来太多开销。对于我们不拥有的东西,我们只是被锁定在主要版本中。目前还没有升级路线,但可能需要隔离系统的旧部分并升级新的东西。