title: code splitting not working properly on vue-cli generated project
body: <p>I created a vue project a couple of years ago and I always &quot;felt&quot; that the first load was too slow. It took a while to me to realize that the whole app was being loaded at the first page, say '/'.</p>
  <p>I tried following the instructions (<a href="https://router.vuejs.org/guide/advanced/lazy-loading.html#lazy-loading-routes" rel="nofollow noreferrer">https://router.vuejs.org/guide/advanced/lazy-loading.html#lazy-loading-routes</a>) but still, the first load would just load the whole app.</p>
  <p>My project is getting bigger and I though there was a problem with its design, but after a longer time working with vuejs everything seems fine from that standpoint.</p>
  <p>So today I decided to fix it. To do so I simplified the project as much as I could in order to replicate it. And I was able to do it.</p>
  <p>The issue is that even though I'm using this syntax: <code>() =&gt; import(/* webpackChunkName: &quot;ThisShouldNotBeLoaded&quot; */ '../components/Fail.vue')</code> whenever I request a route that does not require that module, the module is loaded (dev tools =&gt; inspect =&gt; network and you'll see it 'pass' through the network).</p>
  <p>What I don't understand is if this is a vuejs problem, a design problem, a webpack problem or even something else, maybe a dependency is causing this, not sure where to look.</p>
  <p>The good news is that I'm able to replicate it. It could be an issue but I have no idea where (webpack, vuejs, vue-cli, etc..).</p>
  <p>If you have 5 minutes, please clone this repo and see if you understand what is going on.</p>
  <p>Thanks!</p>
  <p>REPO: <a href="https://github.com/nriesco/vuex-router-webpack-test" rel="nofollow noreferrer">https://github.com/nriesco/vuex-router-webpack-test</a></p>