dva配置热加载的问题

最近尝试使用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

小写开头的test.js文件中的组件，我们在修改内容的时候，点击保存之后，浏览器还是会刷新一下。而正确的方式是大写命名。这也是我编辑的陋习吧！