# webpack-react-web

**Repository Path**: ajaxget/webpack-web

## Basic Information

- **Project Name**: webpack-react-web
- **Description**: 使用webpack构建react + antd 后台管理系统模板
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 4
- **Created**: 2021-05-15
- **Last Updated**: 2024-05-08

## Categories & Tags

**Categories**: backend

**Tags**: webpack5, React, Ant-Design

## README

# webpack-web-react

#### 第一步

`webpack` + `react` + `antd`

## 1、启动

- `yarn`
- `npm run dev`
- `npm run mock` 启动`mock`的数据，一些页面需要用到

## 2、打包

- `npm run prd`
  - 打包成生产版本

## ~~3、修改 ant 样式源码（less）~~

==在 node_modules - antd - lib - style - themes - default.less 中==

修改 `@ant-prefix` 为 `wh`

# 1，介绍（本项目只是日常娱乐，解决问题，会不间断的更新）

- 组件介绍 -- component

  - index.jsx (组件文件)
  - config.js (渲染组件的静态数据)
  - image (渲染组件中所需要的图片)(一部分组件存在)

- 样式介绍 -- style
  - common (复用组件的样式表)
  - component (组件的样式表)
  - images (图片)
  - app.less (根组件的样式表)
  - index.less (所有组件的样式表)

### 1.1，截图分享

![1624264056332](https://passport.baidu.com/sys/portraith/item/preview_pp.1.2390da73.g3p-8ZZfgyP-bbxNc-P1bQ?_t=1624265330733)

### 1.2，权限分配

- 目前仅有两种权限 （==登录的账号就是权限==）（密码随便输就可以）

  - admin （超级管理员）（能查看所有的页面）
  - HDK （管理员）（仅能看到一部分页面）

- 登录
  - admin 权限
    - 账号：admin
    - 密码：随便
  - HDK 权限
    - 账号：HDK
    - 密码：随便

@AX