# react-base-mobile

**Repository Path**: zjrzpp/react-base-mobile

## Basic Information

- **Project Name**: react-base-mobile
- **Description**: 基于react全家桶的手机端基础项目搭建
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2018-08-14
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react移动端基础项目
## 项目启动
            cnpm install   // 安装所需的包
            npm start      // 本地打开一个项目地址

## 项目使用
### 项目使用技术库

            react redux react-router

            antd-mobile UI库

            sass axios

            eslint 语法检查器

            postcss remtopx 1:2 比例   10px:20px ->设计图 20px

### 项目开发src文件夹内容组成
```src 开发目录
    |-- assets 静态文件目录
    |-- component 公共- 组件存放目录
    |-- container 公共容器- 组件存放目录
    |-- router 路由
        |-- index.js路由文件
    |-- api ajax请求目录
        |-- api.js 请求接口地址配置目录
        |-- reactRequest ajax请求中间层
    |-- store redux配置目录
        |-- action.js 公共action
        |-- reducer.js 公共redducer
        |-- rootReducer.js 多redux配置入口
        |-- createStore.js 创建redux
    |-- util 工具目录。
    |-- view 页面组件存放目录
        |-- component 页面自用组件目录
        |-- action.js 页面自用action
        |-- reducer.js 页面自用reducer.js
        |-- HomePage.js 页面组件
    |-- App.js App组件 顶级APP容器
    |-- index.js 项目根js文件 初始化 绑定dom
    |-- config.js 配置多环境切换的变量文件
    |-- .env.local 改变webpack变量的配置文件
```
## 项目打包
```js
// 根据业务自己配置打包命令
1. 生产环境
npm run pro
2. 测试环境
npm run testdev
...如果需要更多的环境可以手动在package.json中的scripts属性中配置
```