# sinosoft-web

**Repository Path**: guopengspace/sinosoft-web

## Basic Information

- **Project Name**: sinosoft-web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-03-26
- **Last Updated**: 2024-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

  
  
  # 基于Ant-Design搭建的基础React模板
  ## 1.项目中已经集成了less 同时采用 cssModule时对组件样式进行控制避免全局污染

  ## 2.项目目录
  ### 1.public 公共目录 打包时不会进行编译

  ### 2.api 我们将所有的请求按照目录结构放在当前文件夹下面，结构更加清晰

  ### 3.components组件 目前针对与ant-d的layout布局分别对头部一级菜单和左侧目录二级菜单进行封装，同时封装了注册路由组件

  ### 4.config 配置文件夹 目前只将路由文件存储于此处，后续可把相关配置文件在此处存档

  ### 5.pages 页面 

   #### 1.强烈建议大家 在后续使用时保持页面路由和页面文件夹名称相同 方便后续开发，也方便根据路由快速找到页面

   #### 2.注意页面和组件的文件格式 虽然.js 文件也可以被编译器识别 但是强烈建议我们以.jsx 结尾，可以与我们的普通js文件进行区分

   #### 3.不建议每一个页面的代码超过100行，尽可能的保持组件化开发的方式。


  ### 6.request拦截器 通过配置拦截器 可以在全局进行一些异常状态的把控

  ### 7.APP.jsx 目前的页面结构文件在此处对页面进行了路由注册

  ### 8.index.jsx 页面的根文件 完成我们对react.root的挂载

  ### 9.craco.config.jsx 我们通过craco对react中的webpack配置文件进行修改，在该配置文件中，我们做了本地接口代理 和 一些项目的基本配置。

  ### 如果有关于craco.config.js 配置不明确的 可以在官网https://github.com/dilanx/craco 进行查看或者查看我的相关笔记进行查看。