定义React工程的基础规范,本项目使用了React + Babel + Webpack.
| 文件名 | 说明 |
|---|---|
| .editorconfig | EditorConfig配置文件 |
| .eslintrc | ESLint配置文件 |
| .stylelintrc | StyleLint配置文件 |
| .lesshintrc | lesshint配置文件 |
| dist | 编译时的目标目录。js文件编译后会在这个目录生成bundle.js文件,生产环境编译js后会生成bundle.min.js文件 |
| docs | 放置各种项目文档 |
| node_modules | 放置各种node模块,npm install时会自动生成 |
| package.json | 项目的配置,包括一些基本信息和依赖关系等 |
| src/components | 所有React组件放在这里,每个组件单独一个目录。 |
| src/schema | 放置数据库表对应的querySchema和dataSchema |
| src/utils | 各种工具类 |
| src/redux | redux相关的store/reducer/action/initState等都扔在这里 |
| src/index.js | 编译js时的入口。通俗的说,是将各种React组件组装起来的地方 |
| src/Config.js | 项目的配置文件 |
| src/menu.js | 侧边栏的配置文件 |
| index.html.template | html文件模版 |
| webpack.Config.js | webpack的配置文件 |
| webpack.config.prod.js | 生产环境下webpack的配置文件,会做一些压缩/优化之类的。 |
- master分支用于发布, dev分支用于开发, 有必须要的话可以开各种feature分支
- 发布时将dev分支merge到master上, 并打相应版本号的tag
- 版本号遵循
x.y.z的原则
- 所有js/jsx文件,使用ES6的写法。
- 样式文件尽量使用less而不是css。
- React组件尽量“高内聚”,相关的配置、样式等都放在同一个目录中。