• 首页
  • 关于
    • 前端行知录 photo

      前端行知录

      前端路漫漫,行知方知行

    • Email
    • Github
  • 文章
    • 所有文章
    • 所有标签
  • 作品

源码指引之 - Umi

21 Aug 2021

Reading time ~1 minute

源码指引之 - Umi

本文仍然是工程化的主题,尝试去解构 Umi。Umi 是插件化的企业级前端应用框架,包含了工程化的方方面面,其核心就是:微内核 + 插件。

官方给出了两张图,对我们理解并使用 Umi 很有帮助。

  • 插件体系

umi-plugin

  • 插件的生命周期

umi-lifecycle

一图胜千言

Umi 代码版本号是 v3.5.17

结合生命周期,分别对 Umi 源码进行调试并理解。这里多说两句,直接看 Umi 的源码可能比较懵,对于运行时,可以直接查看 @/.umi 代码目录下的内容,编译时多次调用 generateXXXFile 就是为了生成这些代码。

umi-workflow

推荐资料

  • 蚂蚁前端研发最佳实践
  • 蚂蚁金服前端框架和工程化实践
工程化

alcat2008

Dreamer, Practitioner, Incomplete Front-ender

源码指引之 - Webpack →