Vue 3 + 模块联邦：实现模块化的Vue 3应用程序

Question

我正在尝试使用Vue3和Module Federation构建一个简单的微前端示例，但遇到了冲突问题。

我在这里有代码： https://github.com/ghalex/mf-example

只有两个微前端：

• 容器（Vue3）
• 授权（Vue3）

我的问题是，当我导入App.vue组件时：

// index.js - 在container中
import App from './components/App.vue'

// indexAuth.js - 在auth中
import App from './components/App.vue'

在auth模块中加载模块到container时，App.vue组件被覆盖了。

是否有任何webpack设置我遗漏了，以确保每个组件都被单独加载？

Answer 1

我找到了问题，它是一个webpack-dev-server v4的bug。我降级到了v3，一切都正常工作。