umi—前端应用框架（Umi是什么）

Umi是什么

Umi是可扩展的企业级前端应用框架
以路由为基础，同时支持配置式路由和约定式路由，保证路由的功能完备
插件体系生命周期完善，覆盖从源码到构建产物的每个生命周期

Umi功能

• 可扩展
  Umi实现完整的生命周期，使其插件化，Umi内部功能都由插件完成。支持插件和插件集
• 开箱即用
  Umi内置路由、构建、部署、测试等，仅需一个依赖即可上手开发
• 企业级
  阿里大项目验证
• 大量自研
  微前端、组件打包、文档工具、请求库、hooks库、数据流等
• 完备路由
  支持配置式路由和约定式路由
• 面向未来
  还在升级：dll提速、modern mode、webpack@5、自动化external、bundler less等

Umi与create-react-app、nextjs的区别

create-react-app 是基于 webpack 的打包层方案，包含 build、dev、lint 等，他在打包层把体验做到了极致，但是不包含路由，不是框架，也不支持配置。所以，如果大家想基于他修改部分配置，或者希望在打包层之外也做技术收敛时，就会遇到困难。

Umi 很多功能是参考 next.js 做的。要说有哪些地方不如 Umi，我觉得可能是不够贴近业务，不够接地气。比如 antd、dva 的深度整合，比如国际化、权限、数据流、配置式路由、补丁方案、自动化 external 方面等等一线开发者才会遇到的问题。

Umi如何工作

技术收敛

Umi把大家常用的栈集合起来，让大家只用Umi就能完成80%的日常工作

插件和插件集

Umi支持插件和插件集，通过插件集把插件收敛依赖去支持不同业务
插件 -> 插件集 -> 业务

配置式路由和约定式路由

配置式功能强大、约定式简洁优雅

.Umi临时文件夹

.umi临时文件夹是整个项目不可少的部分，入口文件、路由等都在这，这些是由umi内部插件和第三方插件生成的

core：内部插件生成
plugin：外部插件生成
umi.ts：入口文件