Vue 3 + 模块联盟

Question

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

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

只有两个mf:

• 容器 (Vue3)
• auth (Vue3)

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

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

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

在 auth 模块中并将模块加载到容器中 App.vue 组件被覆盖。

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

Answer 1

我发现了问题，它是 webpack-dev-server v4 bug。我降级到 v3，一切正常。