title: Nuxt: how to explicitly name JS chunks?
body: <p>I'm using <code>Nuxt</code> in static site generation mode. One requirement in my project is to deploy only certain routes, each with their respective assets.</p>
  <p>But <code>Nuxt</code> gives chunks random names like <code>925446d.js</code>.</p>
  <p>So I created a manual <code>router.js</code> and specified chunk names while importing my components:</p>
  <pre class="lang-js prettyprint-override"><code>component: () =&gt; import(/* webpackChunkName: &quot;about&quot; */ '~/pages/about.vue').then(m =&gt; m.default || m)
  </code></pre>
  <p>But <code>Nuxt</code> doesn't take my chunk names into account and continues to give chunks random names, making it super difficult to single out which chunk goes with which route.</p>
  <p>Any suggestion?</p>