webpack-react

项目描述

这个脚手架用 webpack 和 babel 搭建 支持 react、less、ts 写法 引入 antd 库

有两种写法：

1. 用 mobx 的 hooks 写法，主要是 useContext 这个 API，对应其中的 ts 文件，路由是 /hooks-todo，/hooks-result
2. 用 class component 的写法,对应其中的 js 文件，路由是 /todo，/result

TODO:

• react-router-dom
• axios
• git commit 规范
• eslint
• redux

目录结构

.
├── public
│   └── index.html                           // 模板文件入口
├── src
│   ├── app.tsx
│   ├── components                           // 业务组件
│   ├── index.tsx                            // 项目入口文件
│   ├── pages                                // 业务页面
│   └── stores                               // mobx store 仓库
└── webpack
│   ├── config                               // 公共配置
│   ├── tools                                // 工具配置
│   ├── webpack.base.config.js               // webpack 基础配置
│   ├── webpack.dev.config.js                // 开发环境配置
│   ├── webpack.dll.config.js
│   └── webpack.prod.config.js               // 生产环境配置
├── dll
│   ├── react.todo.dll.js
│   ├── react.todo.manifest.json
│   ├── reactDOM.todo.dll.js
│   └── reactDOM.todo.manifest.json
├── tsconfig.json                            // ts 配置文件
├── package-lock.json
├── package.json
├── postcss.config.js
├── dist
└── README.md