# umi-base-cli

**Repository Path**: github-29244000/umi-base-cli

## Basic Information

- **Project Name**: umi-base-cli
- **Description**: fgh2jqwkefg
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: feature/1.0.0
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-08-28
- **Last Updated**: 2023-09-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 环境依赖

node >= 16.0.0
yarn

## 开发

- 开发配置
  可以修改`config/config.dev.ts`相关配置
- 启动

```bash
yarn dev
```

## 部署

- 生产配置
  可以修改`config/config.prod.ts`相关配置

```bash
yarn build
```

## 目录结构

```
├── config                   # umi 配置，包含路由，构建等配置
├── public
│   └── favicon.png          # Favicon
├── config
│   └── config.ts             # 配置文件
│   └── config.dev.ts         # 开发配置文件
│   └── config.prod.ts        # 生产配置文件
│   └── routes               # 路由配置
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 业务通用组件
│   ├── layouts              # 通用布局
│   ├── models               # 全局 dva model
│   ├── pages                # 业务页面入口和常用模板
│   ├── services             # 后台接口服务
│   ├── utils                # 工具库
│   ├── global.less          # 全局样式
│   └── global.ts            # 全局 JS
├── README.md
└── package.json
```

## 项目基本用法

### 路由

在`config/routes`配置路由信息，支持嵌套路由

### 图片引入

图片资源需要通过模块方式导入

```tsx
import yay from "@/assets/yay.jpg";
const IndexPage: React.FC = () => {
  return (
    <div>
      <img src={yay} alt="" />
    </div>
  );
};
```

### 样式

支持全局类名和局部类名

### 接口请求

支持`react-query`请求，也可以直接调用 services 封装函数

### 支持 redux 使用

在 models 文件中按需配置