On Mon, 2023-10-16 at 14:42 +0200, Ladislav Slezák wrote: > > Hello! > > If you build the Agama web frontend you will get a quite huge > index.js file (~300KB > gzip compressed, ~1.3MB uncompressed). > > Have you ever wondered what's inside or how much space is used by > libraries or > embedded icons? > > Then check > > https://agama-bundle.surge.sh/ > > (Warning: a large screen is required to see it well :-))
Hi! Overlooked this thread until now. Thanks for sharing! Just for completeness, I used the similar webpack-bundle-analyzer tool[1] last year when switching to Material Symbols as main icon library[2]. Do not remember why I didn't use source-map-explorer which I knew from the past, but it's indeed simpler to use. Regards. [1] https://github.com/webpack-contrib/webpack-bundle-analyzer [2] https://github.com/openSUSE/agama/pull/383 > > > It has been generated by the "source-map-explorer" tool, if you want > to > generate it locally then follow these steps: > > # go to the web frontend sources > cd agama/web > > # build the production bundle > NODE_ENV=production npm run build > > # install the source-map-explorer tool > npm install --no-save source-map-explorer > > # uncompress the index.js.gz file (and keep the original) > gunzip -k dist/index.js.gz > > # analyze the file > npx source-map-explorer dist/index.js --html bundle.html > > # open it in a browser > xdg-open bundle.html > > # cleanup > rm dist/index.js bundle.html > npm uninstall source-map-explorer > > > See more details in https://github.com/danvk/source-map-explorer > > Enjoy! :-) > > > Ladislav > >
