replace id with name in chunk files, Fix #996

[SidKwok]

Use id to name the chunk files will lost the webpackChunkName somehow. But replace it with name will solve this issue.

code:

const MainView = () => import(/* webpackChunkName: "group-foo" */ '@/components/MainView')
const OneView = () => import(/* webpackChunkName: "group-foo" */ '@/components/OneView')
const TwoView = () => import(/* webpackChunkName: "group-foo" */ '@/components/TwoView')

use id:

use name:

without using any magic comments and it will fallback to id:

[LinusBorg]

Thanks!

[SidKwok]

Happy to help ! :)

[c0defre4k]

As mentioned in my comment in #996 this leads to bigger JavaScript code.

Note that these filenames need to be generated at runtime to send the requests for chunks. Because of this, placeholders like [name] and [chunkhash] need to add a mapping from chunk id to placeholder value to the output bundle with the webpack runtime. This increases the size and may invalidate the bundle when placeholder value for any chunk changes.