最近嘗試使用dva這個腳手架來做react項目学密，結果在創(chuàng)建完項目之后，發(fā)現(xiàn) babel-plugin-dva-hmr 這個插件沒起作用扔涧。
調試最后發(fā)現(xiàn)是版本的問題珍特。
記錄時間：2018年1月29日
通過dva的命令工具創(chuàng)建的項目，雖然包含了必要的依賴包晓褪，但是有寫包的版本比較舊堵漱，導致相關功能不正常。
dva new myApp(項目名) //通過此命令創(chuàng)建基本項目
以上命令創(chuàng)建的項目其中的babel-plugin-dva-hmr依賴包是 "babel-plugin-dva-hmr": "^0.3.2"的涣仿。如果我們使用這個版本去配置HMR的話勤庐，是不會出現(xiàn)效果，每次保存代碼后好港，瀏覽器還是會刷新一下愉镰。
//.webpackrc或者是.roadhogrc文件
{
"env": {
"development": {
"extraBabelPlugins": ["dva-hmr"]
}
}
}
以上配置就是HMR的配置。
出現(xiàn)沒有作用的原因是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中遇上的問題叶组，記錄下來，希望能幫助同樣出現(xiàn)此問題的朋友历造。
補充說明(2018.1.31)
關于以上的刷新問題甩十，今天又發(fā)現(xiàn)了一個小問題，也是我自己平時命名的一個小毛病吭产，對于react開發(fā)侣监，我們約定俗成的會將一個個組件文件名取大寫開頭，但是我又時候會以小寫開頭臣淤。具體如下圖：
image.png
