一個通過優化的react腳手架，拿來就能開發

react-ve

拿來即用的 react 腳手架

沒有使用create-react-app，直接走webpack顯性配置，使配置透明。

腳手架是我根據大多數公司的業務，取其共同需求搭建的，而且作了項目優化，無論小項目仍是大項目均可以很好的支撐。

一點建議

• 建議使用typescript開發
• 在數據控制方面，推薦你使用ImmutableJs來控制數據，由於它和react真的是絕配
• 頁面常常會存在用戶操做時出現的組件，好比經過點擊出現彈框，若是彈框內容過大，推薦你使用async-loadable，它能很方便的獲取按需加載的組件。
• 在樣式方面，建議公用的樣式使用less直接引用在入口文件中，頁面級樣式使用styled-components

優化

1. 代碼醜化壓縮
2. 代碼分割(code-splitting) 模板使用基於路由的動態導入
3. 使用 DLL 將公用依賴庫模塊封裝爲一個獨立文件

安裝及使用

1. npm install react-ve -g
2. react-ve init [projectName]

啓動項目

1. cd [projectName]
2. yarn 或 npm install
3. npm run dll
4. npm start

在瀏覽器地址欄中輸入：localhost:3000便可訪問

項目打包，運行npm run build便可，項目將打包至dist文件夾內

默認使用技術棧：

1. react
2. typescript
3. antd
4. styled-components
5. react-router-dom
6. immutable

你能夠根據喜愛來install或uninstall它們。

---

建議：

項目公共樣式（包括antd、框架、裝飾頁）使用less，頁面級樣式採
用styled-components，以防止樣式污染。

---

DLL ：

在webpack.dll.config.babel.js中，默認打包的公共包包括：

entry: {
    vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
  }

你能夠根據本身的喜愛作刪減