How to determine if a web application uses code splitting

How can a web developer say whether a web application uses code splitting at a given URL, for example, using webpack , rollup, or other libraries?

+6
source share
1 answer

When using Google Chrome, you can see the developer toolbar network tab.

If the application uses webpack code splitting, usually several JavaScript packages are loaded, hash codes for caching are added.

In the example below, there is a core set of JavaScript postList.blabla243fe.js. This loads when the page loads. While the code is executing, another assembler 0.8a3dblabla.jsloads asynchronously.

screenshot chrome dev tools network tab

+3
source

Source: https://habr.com/ru/post/1017010/


All Articles