项目名称: UmiJS
项目作者: UmiJS 团队
开源许可协议: MIT
项目地址:https://gitee.com/umijs/umi

项目简介

Umi,中文可发音为乌米,是可扩展的企业级前端应用框架。Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。然后配以生命周期完善的插件体系,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展和业务需求。

Umi 是蚂蚁金服的底层前端框架,已直接或间接地服务了 3000+ 应用,包括 java、node、H5 无线、离线(Hybrid)应用、纯前端 assets 应用、CMS 应用等。他已经很好地服务了我们的内部用户,同时希望他也能服务好外部用户。

项目特点

  • 可扩展,Umi 实现了完整的生命周期,并使其插件化,Umi 内部功能也全由插件完成。此外还支持插件和插件集,以满足功能和垂直域的分层需求。
  • 开箱即用,Umi 内置了路由、构建、部署、测试等,仅需一个依赖即可上手开发。并且还提供针对 React 的集成插件集,内涵丰富的功能,可满足日常 80% 的开发需求。
  • 企业级,经蚂蚁内部 3000+ 项目以及阿里、优酷、网易、飞猪、口碑等公司项目的验证,值得信赖。
  • 大量自研,包含微前端、组件打包、文档工具、请求库、hooks 库、数据流等,满足日常项目的周边需求。
  • 完备路由,同时支持配置式路由和约定式路由,同时保持功能的完备性,比如动态路由、嵌套路由、权限路由等等。
  • 面向未来,在满足需求的同时,我们也不会停止对新技术的探索。比如 dll 提速、modern mode、webpack@5、自动化 external、bundler less 等等。

快速上手

环境准备

首先得有 node,并确保 node 版本是 10.13 或以上。(mac 下推荐使用 nvm 来管理 node 版本)

$ node -v
v10.13.0

推荐使用 yarn 管理 npm 依赖,并使用国内源。

# 国内源
$ npm i yarn tyarn -g
# 后面文档里的 yarn 换成 tyarn
$ tyarn -v# 阿里内网源
$ tnpm i yarn @ali/yarn -g
# 后面文档里的 yarn 换成 ayarn
$ ayarn -v

脚手架

先找个地方建个空目录。

$ mkdir myapp && cd myapp

通过官方工具创建项目,

$ yarn create @umijs/umi-app
# 或 npx @umijs/create-umi-appCopy:  .editorconfig
Write: .gitignore
Copy:  .prettierignore
Copy:  .prettierrc
Write: .umirc.ts
Copy:  mock/.gitkeep
Write: package.json
Copy:  README.md
Copy:  src/pages/index.less
Copy:  src/pages/index.tsx
Copy:  tsconfig.json
Copy:  typings.d.ts

安装依赖

$ yarnyarn install v1.21.1
[1/4] 												

蚂蚁金服出品,这个企业级前端应用框架你值得拥有相关推荐

  1. 阿里巴巴、蚂蚁金服 《H5、前端招聘》

    阿里巴巴.蚂蚁金服 <H5.前端招聘>,薪资25-50K,六险(五险+商业险)一金.定期体检.N月年终奖.股票期权.带薪年假.双休日.节日加班三倍.每年都会国内外旅游.假日福利.牛人切磋. ...

  2. 支付宝蚂蚁金服是怎么把前端性能监控做到极致的?

    本文来自蚂蚁金服前端技术专家杨森在 ArchSummit 北京 2018 的分享,他将分享如何通过 Performance 相关的 API 准确的采集用户性能数据,并如何通过大数据计算加工最终产出用户 ...

  3. 蚂蚁金服开源了一款研发框架!还是增强版的

    点击上方"Github中文社区",关注 看遍Github,每天提升 第044期原创分享 来自:Github中文社区  作者:huber hello,我是huber! 最近有读者留言 ...

  4. 蚂蚁金服AAAI论文:基于长短期老师的样本蒸馏方法和自动车险定损系统的最新突破...

    来源 | 蚂蚁金服 出品 | AI科技大本营(ID:rgznai100) 一年一度在人工智能方向的顶级会议之一AAAI 2020于2月7日至12日在美国纽约举行,旨在汇集世界各地的人工智能理论和领域应 ...

  5. 真给力!蚂蚁金服工程师总结的400道前端面试题提供下载

    最近很多小伙伴找我要一些前端资料,于是我翻箱倒柜,把这份蚂蚁金服大牛总结的前端开发归纳笔记找出来,同时赠送直播.录播.视频.笔记.源码.软件包,免费共享给大家! 据说有小伙伴靠这份笔记顺利进入 BAT ...

  6. SOFABoot框架(蚂蚁金服)

    SOFABoot框架的简单搭建 先简单介绍一下SOFA Boot ,SOFA Boot 是基于 Spring Boot 的开发框架,是蚂蚁金服下的一款开源框架,用于快速.敏捷地开发 Spring 应用 ...

  7. 蚂蚁金服 SOFAStack 团队:开源不是一锤子买卖 | 码云封面人物第 16 期

    SOFAStack 团队:包括余淮.善逝.丞一.碧远标题 本期嘉宾: SOFAStack 团队:包括余淮.善逝.丞一.碧远等人. SOFAStack:蚂蚁金服自主研发的金融级分布式架构,包含了构建金融 ...

  8. 蚂蚁金服资深总监韩鸿源:企业级数据库平台的持续与创新

    2019年11月19日,蚂蚁金服在北京举办"巅峰洞见·聚焦金融新技术"发布会,介绍2019双11支付宝背后的技术,并重磅发布全新OceanBase 2.2版本.欢迎持续关注- 蚂蚁 ...

  9. 蚂蚁金服-基于数据和堆栈映射快速定位前端问题

    前言 大家好,欢迎大家今天来参加监控场的分享,我是来自蚂蚁金服 - 体验技术部的亚瑟,我们的团队目前致力于前端基础设施的建设,监控做为前端基础设施的一部分,自然也是我们的主要的业务之一. 相比于服务端 ...

  10. 2018成都蚂蚁金服两年前端社招面经

    过年期间抱着试试的态度在投了好几次蚂蚁金服,本以为没戏了,结果在一周左右的时间意外的收到了电话面试的通知,受宠若惊,紧张又激动地不停的复习.刷题. 电话一面: 面试官比约定时间提前五分钟打来了电话.首 ...

最新文章

  1. c++框架有哪些_Java Mybatis框架入门教程_v20200726
  2. ML之回归预测:利用十(xgboost,10-1)种机器学习算法对无人驾驶汽车系统参数(2017年的data,18+2)进行回归预测值VS真实值——bug调试记录
  3. JAVA微信开发:[17]如何获取所有关注用户
  4. 菲波拉契数列(传统兔子问题)
  5. qt和c#怎么选_请问目前做windows桌面应用程序,MFC、QT、C#哪个更好?
  6. mysql数据库的各种锁_关于MySQL各类锁的总结
  7. XHTML 语法规则及 HTML/XHTML 文档类型说明(XHTML 1.0/XHTML 1.1 和 HTML 4.01/HTML 5)
  8. python系列(四)python元组与字典
  9. sublime添加ctags实现代码跳转
  10. Win8(X64)下MySQL5.6版本安装及配置
  11. Levels - 虚幻引擎场景制作
  12. Python学习笔记--Python 爬虫入门 -17-5 js 加密 (和有道词典的瓜葛)
  13. 基于matlab的锁相环频率合成器,基于MATLAB锁相环.ppt
  14. Mybatis中如何实现一对一,一对多的关联查询?
  15. 分区命令详解:用Fdisk命令硬盘分区
  16. PREFIX 参照表 网络位 对照表
  17. CSDN,对段落进行首行缩进
  18. AVKiller病毒的清除
  19. autocad锐龙英特尔_入门级CPU怎么选?请不要再纠结于酷睿和锐龙啦!
  20. 从写下第1个脚本到年薪30W,我的自动化测试心路历程

热门文章

  1. Spring核心方法 refresh 解析
  2. 高端存储技术与应用趋势
  3. 全球及中国仿制药产业未来发展走势及营销产量规模预测报告2021-2027年
  4. 眼下精准吸引上万的粉丝课程,海风通过豆瓣被动引流思路
  5. 运营的新手先简单认识一下ASO
  6. 局域网ip扫描工具_树莓派无屏幕自动获取IP诸方法
  7. 东营网站服务器部署,联通东营服务器dns地址
  8. 计算机辅助英语教学mti,计算机辅助翻译介绍
  9. 菜菜的sklearn-01决策树完整版
  10. 搜索引擎算法之 Query Analysis