What does runtimeChunk: 'single' do?

Question

webpack

Everywhere they write something like:
runtimeChunk: 'single' - allows you to split the runtime code into a separate fragment

But what does this even mean? webpack creates a runtime.js file, and there are obscure functions. Thanks

Answer 1

Webpack has some runtime code that allows it to emulate modules inside a bundle and load chunks. By default, this code is located in a chunk that contains the entry point module (the module from which your entire js program starts).
But you can also have several entry points, each one will essentially be assembled into its own bundle. Sometimes there is a need for several such bundles to work on one page. And each will have webpack runtime code embedded in it. Not only is this a duplication of code, it will conflict with each other when loading chunks unless you redefine the webpack global variable name to be different for each such bundle.
To solve these problems, it is usedruntimeChunk: 'single', which takes out the entire webpack runtime code into a separate chunk and allows you to reuse it for all bundles.