react 熱加載，局部刷新，babel-preset-react-hmre

react熱加載

1. 在沒有使用相關插件之前，以我開發爲例，只用

   webpack-dev-server --inline

   時候，當組件經過更改保存後，頁面會進行重新刷新，如果是簡單的應用這樣做可以，但是一旦複雜起來，重新刷新後就不得不經過很多操作後回到之前的狀態，顯然這樣的情況是我們不願意看到的，而且大大降低了開發效率，所以我這裏選擇了babel-preset-react-hmre，利用它便可以實現局部刷新。
2. 於是安裝它，

   npm install babel-preset-react-hmre --save-dev

   ，它主要依賴於react-transform-hmr、react-transform-catch-errors。react-transform-hmr用來實現上面的熱加載，而react-transform-catch-errors用來捕獲錯誤，直接展示在頁面上，而不用在去控制檯查找錯誤。
3. 配置.babelrc
   

    
   
   { 
   
     "presets": [ 
   
       "es2015", 
   
       "react", 
   
       "stage-0" 
   
     ], 
   
     "env": { 
   
       "development": { 
   
         "presets": [ 
   
           "react-hmre" 
   
         ] 
   
       } 
   
     } 
   
   } 
   
   

4. 啓動

   webpack-dev-server --inline --hot

   。