title: Broke page styles of Vue.js app (Webpack template) when live changing it in Chrome DevTools
body: <h3>Steps to reproduce</h3>
  
  <p>I have application bootstrapped from <code>vue-cli</code> with a <code>webpack</code> template. I'm running it on Chrome <code>65.0.3325.146</code> but it also exists on <code>64.X.XXX</code> version.</p>
  
  <p>I'm adding here:
  <code>package.json</code>: <a href="https://gist.github.com/marcinlesek/a7e6076ce4befe2e810743fdbaf81480" rel="noreferrer">https://gist.github.com/marcinlesek/a7e6076ce4befe2e810743fdbaf81480</a></p>
  
  <p><code>webpack.base.conf.js</code>: <a href="https://gist.github.com/marcinlesek/80cbf27b6ef4172248709f32c257d0cd" rel="noreferrer">https://gist.github.com/marcinlesek/80cbf27b6ef4172248709f32c257d0cd</a></p>
  
  <h3>What is expected?</h3>
  
  <p>The application should works fine with Chrome Browser and I should be able to disable/change styles in Chrome Dev Tools.</p>
  
  <h3>What is actually happening?</h3>
  
  <p>When I change style via Chrome <code>dev tools</code> it broke all styles (after changing or disabling one property) that page looks like in pure HTML without any line of style code. Fresh dev tools setup and Chrome reinstall doesn't help. What is a bit tricky, on Firefox <code>58.0.2</code> everything works correctly.</p>
  
  <hr>
  
  <p>My collegues also had this problem, so it convince me that it isn't my local bug but something bigger on Vue side. Also find some questions regarding this bug, like <a href="https://stackoverflow.com/questions/48407862/page-styles-break-when-i-change-styles-in-chrome-devtools-with-webpack-hmr">Page styles break when I change styles in Chrome DevTools with Webpack HMR</a></p>
  
  <p>Thanks in advance.</p>
  
  <p>Best regards,
  Marcin</p>