react-app

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #go #rust #deep-learning #linux #docker #kubernetes #security #pytorch #mcp #openai

(★ 11)

react16 + react-router + react-redux + webpack4 + express 脚手架

react-app Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [react app](https://github.com/pdsuwwz/react-app) &middot;

> 💡 **该项目技术栈过旧，现已使用 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

// 直接使用 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` 可以生成目录结构

react-app

react-app Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-app

react-app Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README