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

转载于:https://my.oschina.net/u/3362856/blog/861262