title: How to use same file name with dynamic import() in webpack?
body: <p>Assuming I have the following files:</p>
  
  <ul>
  <li>./a.js</li>
  <li>./b.js</li>
  <li>./c.js</li>
  </ul>
  
  <p>The following webpack config:</p>
  
  <pre><code>{
      ...
      output: {
          filename: 'js/[name].[hash:5].js',
          chunkFilename: 'js/[name].[chunkhash:5].js',
      }
      ...
  }
  </code></pre>
  
  <p>And I have an import as follows:</p>
  
  <p><code>import(/* webpackChunkName: "path/to/[request]" */ ``./${name}.js``);</code></p>
  
  <p>Webpack will generate chunks with the following names:</p>
  
  <ul>
  <li>path/to/a-js.js</li>
  <li>path/to/b-js.js</li>
  <li>path/to/c-js.js</li>
  </ul>
  
  <p>Is there any way to remove <code>-js</code> from the chunk names so that they are the same as the original?</p>