title: Webpack Dev Server + Express Web Server
body: <p>I'm having trouble setting up a development workflow that will do both of the following tasks simultaneously:</p>
  
  <ol>
  <li>Recompile static assets (js, css) on file change.  Serve these static assets.  Notify the browser that the page must reload whenever assets are changed.  Use react-hot-loader.</li>
  <li>Use express to run a server which serves an API which the static assets will "consume".  Have this express server restart any time my server files change.</li>
  </ol>
  
  <p>Is the best practice to have webpack-dev-server serve the static assets, and have a separate web server serve the API on a different port?  If so, the API calls in the javascript will need to specify the host and port, and will need to be changed before going to production.  It seems all the tutorials online focus on #1, and don't set up an API server.  Can anyone point me in the correct direction?</p>
  
  <p>I'm not opposed to using gulp and browserify or SystemJS instead of webpack, but it seems that if I want to use react-hot-loader, I need to use webpack.</p>