[设计]emp(v2+模块联邦+标准落地+三层共享+类型提示)

当前主要使用版本是v2

• @code

  • https://github.com/efoxTeam/emp (opens new window)
  • https://github.com/ui-javascript/tpl-microfe-emp-2024 (opens new window)

• @doc

  • https://emp2.netlify.app/ (opens new window)
  • https://empjs.dev/guide/start/index.html (opens new window)

@efox/plugin-vue-2
@efox/plugin-vue-3
@efox/emp-compile-swc

module.exports={
   empShare: {
   name: 'microApp',
   remotes: {
     '@microHost': `microHost@http://localhost:8001/emp.js`,
   },
   exposes: {
     './App': './src/App',
   },
   // 实现 Module Feration 与 shareLib 只能保留一个
   shared: {
     react: {requiredVersion: '^17.0.1'},
     'react-dom': {requiredVersion: '^17.0.1'},
   },
   // 实现 emp share 的 三级共享模式 与 shared 只能保留一个,地址可以自行判断
   shareLib: {
     react: 'React@https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.development.js',
     'react-dom': 'ReactDOM@https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.development.js',
   }
   },
}

三层共享模型

[基础库] -> [基站] -> [引用]

缺点

• 需要升级到webpack5, 不适合用于集成老系统

需要慢慢迁移, 不划算

---

参考

• EMP微前端解决方案
  • https://mp.weixin.qq.com/s/l0-uCLFRcBBrs4yTiAvryg (opens new window)