title: Reactjs hot reloading with electron
body: <p>I have cloned <a href="https://github.com/wkwiatek/react-hot-loader-minimal-boilerplate" rel="noreferrer">this repo</a> for reactjs development with hot reloading enabled. 
  Its working fine, Problem is that, I want to run this app inside electron with hot reloading. So in my main.js file I pointed reactsjs index.html file. Its showing blank page. Though i can see  tag contents "Welcome to react" on electron window, that means its pointed properly, but no contents are getting displayed.</p>
  
  <p>I found out that electron is throwing error </p>
  
  <pre><code>Failed to load resource: net::ERR_FILE_NOT_FOUND   app.js
  </code></pre>
  
  <p>I am pretty new to react development (started 3-4 days back only), so not sure how to I solve it. Below is my dir structure and webpack config</p>
  
  <p>My app is running at <code>http://localhost:8080/</code></p>
  
  <p><strong>Directory structure</strong>  </p>
  
  <pre><code>project
  ---node_modules
  ---src
  ------index.js
  ------Components  
  *babelrc
  index.html (used by react)
  main.js (used by electron)
  package.json
  webpack.config.js
  </code></pre>
  
  <p><strong>Webpack config</strong> </p>
  
  <pre><code>const webpack = require('webpack')
  const path = require('path')
  
  module.exports = {
    devtool: 'source-map',
    entry: {
      'app': [
        'babel-polyfill',
        'react-hot-loader/patch',
        './src/index'
      ]
    },
    output: {
      path: path.resolve(__dirname, './dist'),
      filename: '[name].js'
    },
    module: {
      rules: [
        { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' }
      ]
    }
  }
  </code></pre>