公司突然组织需要重新搭建一个基于node的论坛系统,前端采用react,上网找了一些脚手架,或多或少不能满足自己的需求,最终在基于YeoMan的react脚手架generator-react-webpack上搭建改造,这里作为记录。
代码在这里:github
另外推荐地址:react-starter-kit
简单文件夹结构├── README.md # 项目README文件 ├── conf # 配置文件夹 │ └── webpack # webpack配置(下面包括开发、生产、测试环境的配置) ├── karma.conf.js # karma测试配置文件 ├── node_modules # 包文件夹 ├── package.json # 包描述文件 ├── src # 源文件夹 │ ├── actions # redux actions文件夹 │ ├── client.js # 客户端启动文件 │ ├── components # 项目组件(下面分为业务组件和公共组件) │ ├── config # 环境配置文件夹(指明当前环境) │ ├── containers # 入口容器 │ ├── exports.js # 常用组件的exports文件,可以忽略 │ ├── images # 图片 │ ├── index-release.html # 生产环境模板文件 │ ├── index.html # 开发环境入口html │ ├── reducers # redux reducers文件夹 │ ├── routes # 路由配置 │ ├── sources # 资源文件(可忽略) │ ├── static # 静态文件(可以存放第三方库) │ ├── stores # redux stores文件夹 │ ├── styles # 全局样式文件夹 │ └── views # 视图文件夹 ├── test # 测试文件夹 │ ├── actions # 测试actions │ ├── components # 测试组件 │ ├── config # 测试配置(检测环境) │ ├── loadtests.js # 加载测试文件 │ ├── reducers # 测试reducers │ ├── sources # 测试资源(flux datasource) │ └── stores # 测试stores └── webpack.config.js # webpack配置入口文件