经常听到微前端，有没大佬科普下，有什么微前端推荐方案？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1468 天前的主题，其中的信息可能已经有所发展或是发生改变。

科普

前端

大佬

听到

16 条回复 • 2020-11-19 10:02:09 +08:00

component

2020-11-16 10:41:10 +08:00

qiankun

ZxBing0066

2020-11-16 10:44:43 +08:00

https://github.com/rapiop/rapiop [手动狗头]

anjianshi

2020-11-16 10:45:59 +08:00

先得明确要实现什么效果。微前端这个概念挺笼统的

vizards

2020-11-16 12:25:45 +08:00 via iPhone

上周刚更新，但是 qiankun 插件的 API 到现在还没有稳定下来，所以也迟迟不敢上生产环境。https://github.com/Vizards/Ming

moxiaonai

2020-11-16 12:28:37 +08:00 via Android

现在比较成熟稳定的，可以看看 qiankun

unknownservice

2020-11-16 16:06:00 +08:00

https://single-spa.js.org/
我们在基于这个做业务

seanxx

2020-11-16 16:09:50 +08:00

干啥啥不行,取名第一名 /手动滑稽

BennyShi

2020-11-17 11:24:42 +08:00

推荐 EMP 微前端哟，目前实践效果显著，还是挺值得去尝试的，有一篇文章有介绍：
https://juejin.im/post/6891532248269783054

dragonkuang

2020-11-17 11:27:29 +08:00

emp 吧，基于 webpack5 的 mf 属性打造的，是未来的趋势，值得试试

hegun

2020-11-18 11:04:25 +08:00

@component 乾坤我最近用了，但发现好像对于 React 深度定制项目来说，无法做到状态管理很好的传递。怎么办

hegun

2020-11-18 11:06:58 +08:00

@anjianshi 想要多个 React 应用项目之间可以相互分享资源，比如 UI 组件，js 函数，业务逻辑模块，甚至可以把整个 React 项目也分享过来

hegun

2020-11-18 11:08:22 +08:00

@ZxBing0066 这个好像都不知道怎么用

anjianshi

2020-11-18 16:52:40 +08:00

@hegun 这样子我觉得最简单的办法是把公共资源抽离成 npm 私包。而不是微前端。
组件、工具函数、业务逻辑代码，其实都可以独立存在的。

ZxBing0066

2020-11-19 09:40:31 +08:00

@hegun 啊文档里有的 npm install 一下然后实例化就行了
不过如果只是为了共享资源模块的话直接使用特定打包方式和相应的模块加载器就可以了

hegun

2020-11-19 10:01:42 +08:00

@vizards 因为乾坤对于 React 深度定制项目来说，无法做到状态管理很好的传递，所以我放弃了
@anjianshi 但用 npm 包的话，如果这个包给多个 cocos2d 项目用的话，npm 包版本一更新，每个 cocos2d 项目就要重新更新包版本和发布一次，好麻烦呀

hegun

2020-11-19 10:02:09 +08:00

@component 用过，但觉得有时候不能深度定制化，有点缺陷就放弃了