Enable hot reloading for CSS (#42)

Author: gaearon

config/webpack.config.dev.js

@@ -20,6 +20,7 @@ module.exports = {
   devtool: 'eval',
   entry: [
     require.resolve('webpack-dev-server/client') + '?http://localhost:3000',
+    require.resolve('webpack/hot/dev-server'),
     './src/index.js'
   ],
   output: {
@@ -79,6 +80,8 @@ module.exports = {
       inject: true,
       template: path.resolve(__dirname, relative, 'index.html'),
     }),
-    new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"development"' })
+    new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"development"' }),
+    // Note: only CSS is currently hot reloaded
+    new webpack.HotModuleReplacementPlugin()
   ]
 };

scripts/start.js

@@ -29,6 +29,7 @@ if (process.argv[2] === '--smoke-test') {
 new WebpackDevServer(webpack(config, handleCompile), {
   publicPath: config.output.publicPath,
   historyApiFallback: true,
+  hot: true, // Note: only CSS is currently hot reloaded
   stats: {
     hash: false,
     version: false,