enable hot reloading

Kyubinhan · Sep 14, 2018 · 387ce82 · 387ce82
1 parent dbdc78a
commit 387ce82
Show file tree

Hide file tree

Showing 4 changed files with 57 additions and 1 deletion.
diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js
@@ -149,6 +149,7 @@ module.exports = {
               // It enables caching results in ./node_modules/.cache/babel-loader/
               // directory for faster rebuilds.
               cacheDirectory: true,
+              plugins: ['react-hot-loader/babel'],
             },
           },
           // "postcss" loader applies autoprefixer to our CSS.

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -63,6 +63,7 @@
     "promise": "8.0.1",
     "raf": "3.4.0",
     "react-dev-utils": "^5.0.2",
+    "react-hot-loader": "^4.3.7",
     "resolve": "1.6.0",
     "sass-loader": "^7.1.0",
     "style-loader": "0.19.0",

diff --git a/src/components/App.js b/src/components/App.js
@@ -19,6 +19,7 @@
 //
 import React, { Component } from 'react';
 import { Provider } from 'react-redux';
+import { hot } from 'react-hot-loader';
 import configureStore from '../configureStore';
 import Router from './router';
 
@@ -35,4 +36,4 @@ class App extends Component {
   }
 }
 
-export default App;
+export default hot(module)(App);