## 背景 由于近期要开始尝试 Webpack + ES6 + React 这条技术链来开发web项目 ## 基本要求 1. **独立性**：各个模块独立开发，最终在 index.jsx 集成所有模块 2. **复用性**：项目中，抽取出，各个模块公用的资源，脚本，以及图片 3. **组件**：目前使用 antd.design 组件库 4. **打包**，热部署：使用webpack实现项目架构的热部署，以及代码的打包，混淆 ## 脚手架源码 **[github源码，脚手架](https://github.com/zhongxia245/About_React/tree/master/%E8%84%9A%E6%89%8B%E6%9E%B6)** 使用说明： 1. git clone https://github.com/zhongxia245/About_React.git 2. cd About_React/脚手架/v1.2 3. npm install 4. npm start 5. 访问 127.0.0.1:3000 6. 打包 npm run build ### 2. 脚手架说明 * 源码中，有V1.0,V1.1,V1.2,V2.0四个版本，其中 **V1.2是一个比较稳定的版本** * V1.2 拥有的功能: 1. 各个模块独立开发，小组可以同时开发，互不影响 2. 简化了v1.1中的redux框架，为了让没有react开发经验的人快速上手，使用事件委托来进行组件通讯[redux要不要，看需求] 3. 使用 react-router 来 组织页面的路由 4. 使用webpack来进行代码的热部署，以及代码的发布打包 * V2.0这个版本，主要做的是 把多个项目的 node_modules 抽取出来，共用一个【**待完善**】 ### 3. 脚手架目录结构说明 1. common 2. containers 1. app.jsx [项目主容器] 3. modules 1. module1 1. components [放置组件] 2. routes [react-router配置,配置二级模块] 1. submodule1 [二级模块] 1. components 2. index.js 3. index.js [模块的入口文件] 2. module2 4. index.js [入口文件] 5. webpack.config.js [webpack配置文件] 6. server.js [develop node运行入口]