如何在 nuxt 应用程序中使用 moduleFederationPlugin

Posted

技术标签:

【中文标题】如何在 nuxt 应用程序中使用 moduleFederationPlugin【英文标题】:How can I use moduleFederationPlugin in nuxt app 【发布时间】:2021-10-20 15:59:07 【问题描述】:

最新版本的 nuxt 是否支持“webpack 5”和“moduleFederationPlugin”? 如果答案是否定的,我如何在 nuxt 中使用此功能?或者在 nuxtjs 中制作 microfront 的解决方案是什么? 请帮帮我,tnx

【问题讨论】:

嗨。感谢您的善意考虑。我刚刚意识到不支持 webpack5 但这是一个可以在 Nuxt 启动微前端的功能,那么有什么替代方案可以在 Nuxt 实现微前端? 我不是 MF 专家,但最后,这超出了 *** 指南的范围(要求提供教程)。此外,MF 可能意味着很多事情,具体取决于您决定如何构建它。这意味着我们在 Vue/Nuxt 中使用的组件化本身已经是一个 MF。否则,您在 Google 上确实有很多关于这些不同方法的文章。你可以看看这个:medium.com/bb-tutorials-and-thoughts/… 我的问题与教程无关,是引入替代工具的问题 是的,有不同的实现方式;但是我正在为这个 webpack 的插件寻找一个替代工具 任何使用 webpack 的这个特性的人都知道我需要什么 它仍然属于Seeking recommendations for books, tools, software libraries, and more. This question is likely to lead to opinion-based answers. 类别。所以,除了尽可能多地向谷歌推荐之外,我在这里无能为力。这个 Webpack5 的替代工具可能不会存在,因为 Webpack 仍然是生产发布包的王者。也许看看 Parcel、Rollup 或类似的东西?您需要深入了解 IMO 的大量配置。 嗨,我已经更新了我的答案。读一读。 【参考方案1】:

尚不支持 Webpack 5。将与 Nuxt3 一起使用。截至moduleFederationPlugin,我不确定这是什么。

您可以在此处查看 Nuxt3 的进度:https://preview.nuxtjs.org/v3/ 凭据是:nuxt/nuxt


更新答案

这里有更多信息和播客节目的链接:https://***.com/a/69000162/8816585

【讨论】:

以上是关于如何在 nuxt 应用程序中使用 moduleFederationPlugin的主要内容,如果未能解决你的问题,请参考以下文章

如何在另一个站点中使用 NUXT 组件

如何在 Nuxt 中使用 webpack 开发代理

如何在 nuxt 中使用 tailwindcss 过渡?

如何在 Nuxt 应用程序中使用 ag-grid

如何在 nuxt(vue) 中使用原始 html 文件?

如何在使用 Nuxt 的 fetch() 挂钩获取数据时防止模板错误