https://github.com/pdsuwwz/react-app
react16 + react-router + react-redux + webpack4 + express 脚手架
https://github.com/pdsuwwz/react-app
app express react-redux react-router react16 webpack4
Last synced: 3 months ago
JSON representation
react16 + react-router + react-redux + webpack4 + express 脚手架
- Host: GitHub
- URL: https://github.com/pdsuwwz/react-app
- Owner: pdsuwwz
- License: mit
- Created: 2018-10-17T06:54:34.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-03-16T05:51:42.000Z (about 3 years ago)
- Last Synced: 2025-02-28T00:10:45.295Z (3 months ago)
- Topics: app, express, react-redux, react-router, react16, webpack4
- Language: JavaScript
- Homepage:
- Size: 1.08 MB
- Stars: 11
- Watchers: 2
- Forks: 2
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [react app](https://github.com/pdsuwwz/react-app) ·
> 💡 **该项目技术栈过旧，现已使用 vite 重写 👉 请移步此仓库查看最新进展 [📦 vite-react-starter](https://github.com/pdsuwwz/vite-react-starter)**
react 前端项目架构的基本搭建，若本项目有帮到你，可以赏个 star 哈 ✨
## 使用技术：
> react16 + react-router4 + react-redux + babel7 + webpack4 + express
## 开发文档：
```
// 安装依赖
npm install OR yarn install
```
---
```
// 测试环境
npm run dev
// 生产环境
npm run build
OR
// 直接使用 WDS
npm start
```
## 目录结构
```
├── build 打包配置，这里包括了抽离库的配置（ dll 配置）
│ ├── webpack.base.conf.js
│ ├── webpack.dev.conf.js
│ ├── webpack.prod.conf.js
│ └── webpack.dll.conf.js
├── .babelrc babel 配置
├── .eslintignore eslint 忽略检测的代码
├── .eslintrc.js eslint 配置项
├── bundle-config.json 第三方库自动插入模板文件配置
├── index.js 服务开启入口
├── package.json
├── postcss.config.js css 规范化配置
├── public 打包后的文件目录
│ ├── bundle.css
│ ├── bundle.js
│ └── index.html
├── src 源文件目录
│ ├── common 公共方法及配置
│ │ ├── base.js
│ │ ├── config.js
│ │ └── utils.js
│ ├── script 核心代码
│ │ ├── actions action creator
│ │ ├── components react 组件
│ │ ├── constants 存放 action 所需常量
│ │ ├── container redux 容器组件
│ │ ├── middleware 中间件配置
│ │ ├── reducers state 处理函数
│ │ ├── routes 路由配置
│ │ ├── store.js 存放 state 的对象配置，核心
│ │ └── app.js webpack 入口文件
│ ├── server 静态服务渲染
│ │ └── index.js
│ └── styles 暂定为公共 css
│ └── common.scss
├── vendor 抽离的公共库目录
│ └── dll
│ ├── vendor-manifest.json
│ └── vendor.xxx.dll.js
└── templates 总模板渲染文件
└── index.html
```
注：控制台执行命令 `tree -I '*node_module*' -L 3` 可以生成目录结构