umi-learn

学习umi

UmiJS 是一个类 Next.JS 的 react 开发框架。他基于一个约定，即 pages 目录下的文件即路由，而文件则导出 react 组件，然后打通从源码到产物的每个阶段，并配以完善的插件体系，让我们能把 umi 的产物部署到各种场景里。

目录

• 初始化项目
• 使用normalize.css重置默认浏览器样式

项目结构说明

├── dist/                          // 默认的 build 输出目录
├── mock/                          // mock 文件所在目录，基于 express
├── src/                           // 源码目录，可选
│ ├── assets/                      // 静态资源，编译时copy至dist目录
│ ├── components/                  // UI组件及UI相关方法
│ ├── models/                      // 全局数据模型(默认加载)
│ ├── pages/                       // 页面目录，里面的文件即路由
│ │ ├── .umi/                      // dev 临时目录，需添加到 .gitignore
│ │ └── .umi-production/           // build 临时目录，会自动删除
│ ├── services/                    // 数据接口
│ ├── utils/                       // 工具函数
│ │ └── request.js                 // 异步请求函数
│ ├── global.css                   // 约定的全局样式文件，自动引入，也可以用 global.less
│ └── global.js                    // 可以在这里加入 polyfill
├── .eslintrc                      // Eslint配置
├── .gitignore                     // Git配置
├── .umirc.js                      // umi 配置
├── LICENSE                        // 开源协议
├── package.json                   // 项目信息
├── README.md                      // 项目描述
└── yarn.lock                      // 项目信息

相关教程

• 官网 - UmiJS
• 官网 - Yarn
• 官网 - DvaJS
• 官网 - Ant Design
• 官网 - React
• 中文网 - React
• Github - UmiJS
• Github - DvaJS
• Github - roadhog

开源协议

MIT