What is ".chunk.js" in Angular?

Pranam Bhat

When you open DevTools, in the Network tab, you will see ".chunk.js" file. What does it mean? What is the purpose of ".chunk.js" file?

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
Webpack generates those chunks when you do ng-build and they are used to load your code from the server to your browser.

better is to go through the webpack topic on the angular official page.
+1
Salman Beg5y ago
Chunks aren’t part of Angular, they’re a part of Webpack, which Angular uses internally to build your application. When Webpack transpiles the TypeScript files into JavaScript, it creates “chunks” which might represent parts of files, or whole files depending on your build configuration. One great example of “chunking” is when using lazy-loaded feature modules. In this scenario Webpack will create a chunk for each lazily-loaded module. There is a config option called namedChunks which allows you to give the generated files names instead of numbers, as is the default.
0