一個很是乾淨的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>
複製代碼

項目構建完成後, 會自動安裝項目的依賴.