## 背景
由于近期要開始嘗試 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運行入口]
