# Moria-web

## 项目介绍

moria web 端

- 用 [create-react-app](https://github.com/facebook/create-react-app) 创建
- 用 [react-app-rewired](https://github.com/timarney/react-app-rewired) 修改配置
- 配置了 mobx, less

### 目录结构

    moria-web // 项目根目录
    ├── build // 构建目录
    ├── lib // 本地依赖库
    ├── node_modules // 依赖目录
    ├── public // 公共文件目录
    ├── server // Prod 服务器 用于测试 构建后的代码
    ├── src // 项目源代码
    │    ├── common // 通用逻辑，样式
    │    │     └── ...
    │    ├── constants // 放置 常量
    │    │     └── ...
    │    ├── components // 通用UI组件
    │    │     └── ...
    │    ├── modules // 具体模块
    │    │     └── ...
    │    ├── utils // 工具库
    │    │     └── ...
    │    ├── App.js // App 入口
    │    ├── index.js // 项目入口文件
    │    ├── routes.jsx // 路由
    │    └── stores.js // mobx store
    ├── .gitignore // git忽略跟踪的文件列表
    ├── config-overrides.js // 复写 CRA 配置
    ├── package.json // 包管理文件
    ├── README.md // 项目说明文件 (本文件)
    └── theme.js // antd 样式 变量 复写

## 使用说明

### 下载依赖

`npm install`

### 运行

`npm start`

### 设置接口代理

设置 package.json 添加 `proxy`

```js
{
  name: 'moria-web',
  ...
  "proxy": {
    "/api": {
      "target": "http://localhost:3001",
      "changeOrigin": true
    }
  }
}
```

### 构建

`npm run build`

### 跑生产

`npm run prod`

### Docker 部署

`sh ./startup-code.sh`

#### 详细文档 请看[CRA-README.md](./CRA-README.md)

#### 关于其中 Parse 的使用，请查看[Parse 基本使用.md](./parse基本使用.md)

#### 开发时，一些代码的注意事项 请查看[mark.md](./mark.md)