最近实践了微前端,写了个 blog 总结下

2023-01-13 09:05:16 +08:00
 MorningStar0

示例项目的微前端迁移(仓库的 micro-front 分支)已完成:

blog 地址

5158 次点击
所在节点    程序员
29 条回复
alexsunxl
2023-01-13 12:26:12 +08:00
@musi #4 统一,就是 monorepo 和组件优化。
你瞅瞅我 20 楼的。
我觉得楼主没有理解 技术栈无关这个核心概念。
alexsunxl
2023-01-13 12:26:38 +08:00
统一 -> 同意
MorningStar0
2023-01-13 12:45:01 +08:00
@alexsunxl 这里源引 https://micro-frontends.org/来解释下。
> Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently.
翻译:微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
我可能更侧重独立发布功能和#12 中提到的需求
MorningStar0
2023-01-13 12:48:24 +08:00
@MorningStar0
@alexsunxl
这不意味着我否定技术栈无关这点,但我确实不想引入其他技术栈。虽然这在我通过#15 层提供的沙箱方案可以解决。
并且我觉得不一定要严格要求通过 **路由层** 解决 collection 的问题。
anonymous2351d00
2023-01-13 16:52:29 +08:00
微前端在 Angular 中的应用
https://github.com/worktile/ngx-planet
weijiagege
2023-01-13 16:56:20 +08:00
这不是 monorepo 前端实践吗,怎么就成微前端了
corianderHunter
2023-01-13 17:48:16 +08:00
这是哪门子微前端,而且感觉完全没必要用 monorepo ,应该是构建优化。
MorningStar0
2023-01-13 19:25:41 +08:00
@weijiagege
@corianderHunter
一个问题,你们的微前端项目不包括 monorepo 么?也不包括构建方式更改?
而且标题这里的 “从 CRA 将 react 项目迁移成微前端项目-1” 和副标题这里的 “从 CRA 将 react 项目迁移成微前端项目 —— 目录结构的确定和构建方式的更改”,这俩说明不了这篇是主要讲目录结构和构建更改的吗?

然后这个主题提到的 “在主项目中引用抽离的项目”,引用子应用的方式,包括我在#15 、#9 的回复,应该不难看出这个项目拆分完成的结果吧
IvanLi127
2023-01-15 02:29:47 +08:00
这内容确实和微前端没啥关系。。。另外我感觉微前端是个伪概念。。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/908592

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX