DVA轻框架使用（更新中）

最近因为项目须要急需一个redux+react+router的架构，最后找到了DVA这个名字很将来的轻量级框架，但一上手就遇到了坑，因此记录下来，以便后人爬坑。

首先，要搞DVA确定要有得搞才行，DVA仓库：https://github.com/dvajs/dva

而后看到了一个快速上手的DEMO：12 步 30 分钟，完成用户管理的 CURD 应用 https://github.com/sorrycc/blog/issues/18

最喜欢这些快速开发的了，因此就按着步骤一步步来，而后到第6步就爆炸了。。。

彻底按照步骤来却没有出现antd的样式

 

 

 

 

 

 

 

 

 

而后不断地校验代码，发现多是对第2步的理解有问题

原文是这样地写：

修改 .roadhogrc，在 "extraBabelPlugins" 里加上：

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

因此我是这样写的：

{
  "entry": "src/index.js",
  "env": {
    "development": {
      "extraBabelPlugins": [
        "dva-hmr",
        "transform-runtime"
      ]
    },
    "production": {
      "extraBabelPlugins": [
        "transform-runtime",
        ["import", { "libraryName": "antd", "style": "css" }]
      ]
    }
	
  }
}

而后看清楚点有两个extraBabelPlugins，而后把插入的代码改到development里面就能够产生样式了

{
  "entry": "src/index.js",
  "env": {
    "development": {
      "extraBabelPlugins": [
        "dva-hmr",
        "transform-runtime",
        ["import", { "libraryName": "antd", "style": "css" }]
      ]
    },
    "production": {
      "extraBabelPlugins": [
        "transform-runtime"
      ]
    }
	
  }
}

若是想知道具体的.roadhogrc配置能够查看：https://www.npmjs.com/package/roadhog