UMI
1.介绍
1. umi,中文可发音为乌米,是一个可插拔的企业级 react 应用框架
2. umi 是蚂蚁金服的底层前端框架,已直接或间接地服务了 600+ 应用
2. umi 是蚂蚁金服的底层前端框架,已直接或间接地服务了 600+ 应用
2.特性
- 📦 开箱即用,内置 react、react-router 等
- 🏈 类 next.js 且功能完备的路由约定,同时支持配置的路由方式
- 🎉 完善的插件体系,覆盖从源码到构建产物的每个生命周期
- 🚀 高性能,通过插件支持 PWA、以路由为单元的 code splitting 等
- 💈 支持静态页面导出,适配各种环境,比如中台业务、无线业务、egg、支付宝钱包、云凤蝶等
- 🚄 开发启动快,支持一键开启 dll 等
- 🐠 一键兼容到 IE9,基于 umi-plugin-polyfills
- 🍁 完善的 TypeScript 支持,包括 d.ts 定义和 umi test
- 🌴 与 dva 数据流的深入融合,支持 duck directory、model 的自动加载、code splitting 等等
3.开发团队
蚂蚁金服开发团队
Umi快速上手
$ npm install umi -g
$ mkdir app
$ cd app
$ umi g page index
$ umi g page user
$ umi dev
$ mkdir app
$ cd app
$ umi g page index
$ umi g page user
$ umi dev
4. DVA项目内容介绍
目录介绍
└── .umi 项目运行临时文件
└── pages 路由对应组件目录
└──── index.js 首页组件
└──── index.css 首页组件样式
└──── user.js user 组件
└──── user.css user组件样式
└── pages 路由对应组件目录
└──── index.js 首页组件
└──── index.css 首页组件样式
└──── user.js user 组件
└──── user.css user组件样式