如何使用微额与Vue/Nuxt？

Question

我想知道如何在Nuxt或至少Vue中使用Microfrontends。

是否有一个简单的即插即用解决方案让它快速工作？

例如，我听说过Webpack的“v5 ModuleFederationPlugin”，这是启动我的Nuxt项目的有效方法吗？

Answer 1

从今天起，Nuxt2仍然在使用Webpack4，所以ModuleFederationPlugin不会是一个可能的解决方案。

Nuxt v3将附带Webpack的v5支持，届时您可能可以尝试它。我还听说用Vite也可以用同样的方法。

作为一个普遍的答案，你需要明白微前端并不是一件简单的事情。更多的是关于如何在更大的范围内构建应用程序的。

这就像后台有一个微服务:它可以通过多种方式完成，这完全取决于公司/团队的需求。

如果您确实使用Vue2或Vue3创建了一个Vue CLI项目，那么您仍然可以使用Webpack v4。如果计划使用ModuleFederationPlugin，您可能会尝试自己进行升级。

作为另一种选择，有单水疗。这是一种方法(可能不是唯一的)。

下面是一个播客节目，深入讨论这个主题：https://devchat.tv/views-on-vue/building-micro-frontends-with-lawrence-almeida-vue-160/

这可能是相关的理解，这是一般的方式，这是工作，也赞成/反对。

如果你对这种方法不满意的话，网上有很多关于微前沿的文章，Google-fu会给你提供一种替代的方法。