Ant Design项目实战

创建新应用:
dva new dva-quickstart
cd dva-quickstart
npm start

使用antd: npm install antd babel-plugin-import --save
(babel-plugin-import用来按需加载antd的脚本和样式)

编辑.webpackrc：

 "extraBabelPlugins": [
   ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
  ],

index.js引入样式 import 'antd/dist/antd.css';

定义路由（路由可以想象成是组成应用的不同页面）

编写UI Component（在多个页面分享UI元素,或在一个页面使用多次）

定义Model : 完成UI后,开始处理数据和逻辑
dva通过model把一个领域的模型管理起来,包含同步更新state的reducers,
处理一部逻辑的effects,订阅数据源的subscriptions

connect model和component

写入一些初始数据让项目跑起来,编辑index.js