examples/common-chunk-grandchildren/template.md
This example illustrates how common modules from deep ancestors of an entry point can be split into a separate common chunk
pageA and pageB are dynamically requiredpageC and pageA both require the reusableComponentpageB dynamically requires PageCYou can see that webpack outputs five files/chunks:
output.js is the entry chunk and contains
example.js0.output.js is an additional chunk
reusableComponent1.output.js is an additional chunk
pageB2.output.js is an additional chunk
pageA3.output.js is an additional chunk
pageC_{{example.js}}_
_{{pageA.js}}_
_{{pageB.js}}_
_{{pageC.js}}_
_{{reusableComponent.js}}_
_{{webpack.config.js}}_
_{{dist/output.js}}_
_{{dist/pageA_js.output.js}}_
_{{dist/pageB_js.output.js}}_
_{{dist/pageC_js.output.js}}_
_{{dist/reusableComponent_js.output.js}}_
_{{stdout}}_
_{{production:stdout}}_