简介
github上有各种各样的react基础项目. 总的来说, 都不是很满意。拿来可以直接用的基础项目很少. 接下来，我写了一个基于react + redux + router + immutable的基础项目. webpack配置简洁, 文件结构合理. 可用着实际项目的基础编程框架.
基础项目包含的功能
- 项目工程配置
- 集成redux
技术栈
- react： 16.9.x.
- react-redux
- react-router-dom
- redux-thunk
- immutable
- reselect
项目工程配置
webpack配置实现以下功能:
- React编译环境
- Babel处理ES5, 6, 7等最新特性的支持
- 装饰器的支持
- babel polyfill的自动注入.
- sass，postcss的支持.
- 静态资源图片, icon等模块的支持
- 摇树功能, 打包时自动删除未使用的方法。
- 代码分割. 懒加载.
- 开发和线上分别打包
- 开发环境的热替换
打包命令:
// 开发环境
npm run dev
// 线上打包
npm run build
项目结构
提供的功能有:
- 基本生产环境可用的项目结构
- 集成redux, 串联store，action, reducer， selector的工作流程.
- 集成react-router, 组件懒加载.
项目代码
CLI工具.
- 安装cli工具
npm i create-react-redux-app-cli -g
- 使用cli工具, 快速构建新项目
crra create <ProjectName>
项目构建完成后, 会自动安装项目的依赖.
