本文主要围绕UMI是什么及其特征、安装应用、模板例子等四个方面内容来说解UMI，但愿可以对初学者有所启发。html
1、 UMI是什么react
UMI是可插拔的企业级反应应用程序框架。webpack
2、 特征git
特征github
- 📦 开箱即用，内置支持反应，反应路由器等。
- 🏈 Next.js喜欢和全功能的路由约定，它也支持配置的路由
- 🎉 完整的插件系统，涵盖从源代码到生产的每一个生命周期
- 🚀 高性能，经过插件支持PWA，路由级代码拆分等
- 💈 支持静态导出，适应各类环境，如控制台应用程序，移动应用程序，鸡蛋，支付宝钱包等
- 🚄 快速启动启动，支持使用config 启用dll和hard-source-webpack-plugin
- 🐠 与IE9兼容，基于umi-plugin-polyfills
- 🍁 支持TypeScript，包括d.ts定义和umi test
- 🌴 与dva深度集成，支持duck目录，自动加载模型，代码拆分等
3、 安装应用web
＃安装deps $ npm install -g umi ＃建立应用程序 $ mkdir myapp && cd myapp ＃建立页面 $ umi generate page index
＃启动dev服务器npm
$ umi dev服务器
控制台正常输出结果以下:antd
页面显示:app
#构建并部署 $ umi build
控制台输出以下:
4、 模板例子
除了前面我说的Ant Design以外还有一个AntD Admin
如何运行这个AntD Admin项目呢？很简单也就三步。
(1)克隆项目
git clone https://github.com/zuiidea/antd-admin.git my-project cd my-project
(2) 安装依赖
npm install
(3) 运行项目
npm run start
控制台显示以下结果:
显示的界面: