一个很是干净的react redux脚手架

简介

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>
复制代码

项目构建完成后, 会自动安装项目的依赖.