Merge pull request #80 from katjad/fix-hotload

make react hot reloading work again

Author: katjad

dev.js

@@ -16,7 +16,7 @@ const port = 3000;
 const compiler = webpack(config)
 app.use(express.static(path.join(__dirname + '/public')));
 
-app.use(webpackDevMiddleware(compiler, { noInfo: true, publicPath: config.output.publicPath }))
+app.use(webpackDevMiddleware(compiler, { noInfo: true, publicPath: config.output.path }))
 app.use(webpackHotMiddleware(compiler));
 
 app.use(routes);

webpack.config.js

@@ -14,23 +14,15 @@ var cssConfig = isProd ? cssProd : cssDev
 
 console.log(cssConfig, isProd);
 
-module.exports = {
-  entry: [
-    'webpack-hot-middleware/client',
-    './src/index.js'
-  ],
-  output: {
-    path: path.join(__dirname,'public'),
-    filename: 'bundle.js'
-  },
+let pluginsCommon = [
+  new webpack.HotModuleReplacementPlugin(),
+  new webpack.NoEmitOnErrorsPlugin(),
+  new webpack.ProvidePlugin({
+     'fetch': 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch'
+  })
+]
 
-  plugins: [
-    new webpack.HotModuleReplacementPlugin(),
-    new webpack.NoEmitOnErrorsPlugin(),
-    new webpack.ProvidePlugin({
-       'fetch': 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch'
-    }),
-    new HtmlWebpackPlugin({
+let pluginsProd =  [ new HtmlWebpackPlugin({
       title: 'JavaScript tools and resources',
       minify: {
         collapseWhitespace: true
@@ -43,7 +35,23 @@ module.exports = {
       disable: !isProd,
       allChunks: true
     })
+]
+
+const plugins = isProd ? pluginsCommon.concat(pluginsProd) : pluginsCommon
+
+
+module.exports = {
+  entry: [
+    'webpack-hot-middleware/client',
+    './src/index.js'
   ],
+  output: {
+    path: path.join(__dirname,'public'),
+    publicPath: path.join(__dirname, 'public'),
+    filename: 'bundle.js'
+  },
+
+  plugins: plugins,
   module: {
     rules: [
       {