title: Automatic Refresh With Webpack in Electron
body: <p>I have an Electron/Webpack project to which I am trying to add automatic refresh on file change. Per the <a href="https://webpack.github.io/docs/webpack-dev-server.html" rel="nofollow noreferrer">documentation</a>, I've taken the following steps:</p>
  
  <ol>
  <li>I added <code>webpack-dev-server</code> to my project.</li>
  <li><p>I added the following to my <code>webpack.config.js</code>:</p>
  
  <pre><code>devServer: {
      inline: true
  }
  </code></pre></li>
  <li><p>And I run webpack with the command <code>webpack-dev-server --progress --colors</code></p></li>
  </ol>
  
  <p>When I make changes to my entry file, they are not reflected in the emitted code at <code>http://localhost:8080/build/index.js</code> (where I have set my output to go). What am I missing?</p>
  
  <p>For completeness, here is my webpack config:</p>
  
  <pre><code>module.exports = {
      entry: './src/index.tsx',
      output: {
          filename: './build/index.js'
      },
      resolve: {
          extensions: ['', '.webpack.js', '.web.js', '.ts', '.js', '.tsx', '.jsx']
      },
      module: {
          loaders: [
              { test: /\.tsx?$/, loader: 'awesome-typescript-loader' }
          ]
      },
      devServer: {
          inline: true
      }
  }
  </code></pre>