title: How to configure Vue2 environment with Silex or other PHP framework
body: <p>I'm trying to configure Vue2 to run with Silex framework application on a local development environment. I created Vue application using CLI tool. Changed the open URL in <code>/build/dev-server.js</code> from <code>http://localhost/+port</code> to <code>http://localhost/</code> so <code>npm run dev</code> will open a Silex application. And added the following script url: <code>http://localhost:8080/app.js</code> in a php view.</p>
  
  <p>Now when I run <code>npm run dev</code>, new tab in the browser is created with url <code>http://localhost/</code>. Vue application runs and I see my content (so webpack dev servers runs). The problem is it doesn't hot reload. When I check browser console I see that application constantly try to open <code>http://localhost/__webpack_hmr</code>.</p>
  
  <p>So the question is, how to configure Vue development environment so it will work with Silex framework on a <a href="http://localhost:80" rel="nofollow noreferrer">http://localhost:80</a> and webpack dev server with hot reload on <a href="http://localhost:8080" rel="nofollow noreferrer">http://localhost:8080</a> and still be able to run application by opening <a href="http://localhost/" rel="nofollow noreferrer">http://localhost/</a></p>