Too many bundle files generated when building with Webpack

YingwenDeng — Tue, 15 Mar 2022 10:49:48 GMT

Hello, I am using webpack to bundle my map application that uses ArcGIS API for JS 4.22.

In the output, many bundle files are created from @arcgis/core. (They are mixed with my other bundle.js files. And I have multiple entry points.)

It looks a bit messy, is there a way to let webpack generate these bundle files into a sub-folder of my JS folder?

Thanks!

Webpack version: 5.69.1 (I am not using arcgis-webpack-plugin.. Should I use it?)

File structure of the dist folder:

Dist folder structure

Generated bundle files:

My webpack.prod.js file:

Re: Too many bundle files generated when building with Webpack

ReneRubalcava — Tue, 15 Mar 2022 15:43:21 GMT

This is expected behavior. The API takes advantage of dynamic import loading, especially when working with Portal items such as WebMap contents. The number of bundled files can vary from 200-300 depending on your tooling.

You can see a chart here of build metrics for various ESM samples we have.

https://github.com/Esri/jsapi-resources/blob/master/esm-samples/.metrics/4.22.2.csv

Re: Too many bundle files generated when building with Webpack

YingwenDeng — Wed, 16 Mar 2022 14:42:26 GMT

Thank you!! The webpack sample is really helpful.

topic Re: Too many bundle files generated when building with Webpack in ArcGIS JavaScript Maps SDK Questions

Too many bundle files generated when building with Webpack

Re: Too many bundle files generated when building with Webpack

Re: Too many bundle files generated when building with Webpack