记一次改造react脚手架的过程

公司突然组织需要重新搭建一个基于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配置入口文件

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zygsjp.html