Is webpack code splitting and chunking the same thing?

Question

I've seen webpack articles discussing code splitting and other articles discussing chunking. Aren't they the same thing?

Code splitting is one of the most compelling features of webpack. This feature allows you to split your code into various bundles which can then be loaded on demand or in parallel. It can be used to achieve smaller bundles and control resource load prioritization which, if used correctly, can have a major impact on load time.

There are three general approaches to code splitting available:

Entry Points: Manually split code using entry configuration.

Prevent Duplication: Use the CommonsChunkPlugin to dedupe and split chunks.

Dynamic Imports: Split code via inline function calls within modules. Webpack documentation

Rick · Accepted Answer · 2017-10-10 12:30:34Z

6

They are, sort of.

According to the docs, splitting is the action (verb), and chunks are what splitting produces (noun).

answered Oct 10, 2017 at 12:30

Rick

1,22913 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is webpack code splitting and chunking the same thing?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related