基于 Umi 框架搭建一个 React 项目的脚手架

写在最前 由于内容众多，此文档仅当做是一个目录，具体步骤的详细配置内容分文档分别编写查看 发布是直接从我本地 md 文档复制粘贴过来的，暂时没时间检查，之后会重新检查并整理一下。 技术选型 基于 re

官方文档地址 https://umijs.org/zh-CN/config#favicon 具体配置 找 UI 要一个 .ico 后缀的文件。如 \ 项目根目录下新建 public，并将上面的文件丢进

使用技术 这里使用的是umi 内置的 @umijs/plugin-access[1] \ \ 启用方式 在项目 src 目录下新建 access.ts 文件，在 umi 中，有此文件，表示启用了。 配

1. 新增 models 目录 项目规定，src/models 下定义项目的 models 层数据。 \ 2. 新增 services 目录 项目规定，src/services 下定义项目的 serv

简单来说就是，项目中肯定会通过调取 API 来做一些事情，比如说获取数据，执行一些操作，然后每次调取 API，都会做一些相同的事情。比如说 每个 API 的调取都需要传递 token。 都需要判断登录

具体自行点击下面链接查看。 https://umijs.org/zh-CN/docs/mock \ 下面为方便项目搭建，简单写了一个 mock 请求的一个 demo。 安装 Mcok 添加全局声明 添

添加 iconfont，需要添加到两个地方 菜单栏 icon，需要在配置中 layout 属性中配置。 项目页面中使用，需要在 <script> 中添加。 因为这两个都是公共的配置，所以在 confi

比如说需要配置个大概下面效果的菜单。 新建相关页面模块 首先，需要在 src/pages 下新建所需页面的模块。 \ 直接在 route.config.ts 中配置路由 由于使用的是 umi 内置的

config/config.ts 下配置 可以在这里直接加一些配置信息，也可以在 umi 的运行时配置文件中加配置，下面在运行时配置时进行添加。 这样加上后，重新 yarn start 项目，就会发现

umi 中配置项目有两种方式，一是使用 .umirc.ts 一系列的配置文件进行配置，二就是在 config/config.ts 一系列的文件中进行配置，下面使用的是第二种方式进行配置。 官方建议：如

《React + UmiJS 项目脚手架搭建》—— 2. 配置项目代码的书写规范。。。。。。。。。。

《React + UmiJS 项目脚手架搭建》—— 1. 配置项目代码的提交规范。简化代码提交步骤。