Prerequirement:Code Splitting

If you need multiple bundles for multiple HTML pages you can use the "multiple entry points" feature. It will build multiple bundles at once. Additional chunks can be shared between these entry chunks and modules are only built once.

Hint: When you want to start an entry chunk from a module, you are doing something wrong. UseCode Splitting instead!

Every entry chunk contains the webpack runtime, so you can only load one entry chunk per page. (Hint: To bypass this limitation use the CommonsChunkPlugin to move the runtime into a single chunk.)

To use multiple entry points you can pass an object to theentry option. Each value is treated as an entry point and the key represents the name of the entry point.

When using multiple entry points you must override the defaultoutput.filename option. Otherwise each entry point would write to the same output file. Use[name] to get the name of the entry point.

{entry:{a:"./a",b:"./b",c:["./c","./d"]},output:{path:path.join(__dirname,"dist"),filename:"[name].entry.js"}}

• multiple-entry-points
• multi-part-library
• multiple-commons-chunks