最近尝试使用dva这个脚手架来做react项目，结果在创建完项目之后，发现 babel-plugin-dva-hmr 这个插件没起作用。
调试最后发现是版本的问题。
记录时间：2018年1月29日
通过dva的命令工具创建的项目，虽然包含了必要的依赖包，但是有写包的版本比较旧，导致相关功能不正常。
dva new myApp(项目名) //通过此命令创建基本项目
以上命令创建的项目其中的babel-plugin-dva-hmr依赖包是 "babel-plugin-dva-hmr": "^0.3.2"的。如果我们使用这个版本去配置HMR的话，是不会出现效果，每次保存代码后，浏览器还是会刷新一下。
//.webpackrc或者是.roadhogrc文件
{
"env": {
"development": {
"extraBabelPlugins": ["dva-hmr"]
}
}
}
以上配置就是HMR的配置。
出现没有作用的原因是babel-plugin-dva-hmr这个依赖目前的版本号是0.4.1。我们需要做的就是将我们依赖进行升级。
下面是关于npm升级相关代码的方式：
我们可以直接将包删除了，然后重新去下载。当然也可以通过更新的手段。
npm -g outdated //可以检索出全局下所有包的版本信息，包括当前使用的版本，更新的版本，最新的版本等等。
我们可以不加上 -g 也就是不检查全局，而是在当前项目目录下查看当前项目的依赖包信息。
然后我们下载安装npm-check这个工具
npm install -g npm-check //安装npm-check
npm-check -u -g //列出全局下版本的信息
//以上是全局下，我们可以去掉 -g 只查找当前项目中的依赖。
之后的界面，基本就是按上下键，然后按空格就能选中需要更新的依赖。
以上只是本人使用dva中遇上的问题，记录下来，希望能帮助同样出现此问题的朋友。
补充说明(2018.1.31)
关于以上的刷新问题，今天又发现了一个小问题，也是我自己平时命名的一个小毛病，对于react开发，我们约定俗成的会将一个个组件文件名取大写开头，但是我又时候会以小写开头。具体如下图：
image.png
