Awesome GitHub RepositoriesBundle Analysis

vue-admin-template is a boilerplate for building administrative interfaces using Vue.js. It provides a pre-configured layout, routing, and state management to bootstrap admin dashboards. The project includes a role-based access control system to restrict menu visibility and route access based on user permissions. It features a component scaffolding tool for generating boilerplate views and business components from templates, as well as an automated SVG icon management system for registering and rendering vector graphics. The template covers data management through Excel import and export uti

Rolldown is a high-performance JavaScript and TypeScript module bundler written in Rust. It functions as a fast module compiler that implements a Rollup-compatible API to ensure compatibility with existing workflows and plugins while specializing in ECMAScript Module formats. The project distinguishes itself by using a Rust-based core engine and lazy compilation to reduce the time spent resolving and transforming source code. It focuses on minimizing final delivery sizes through static analysis and tree-shaking to remove unused code. The toolset covers a broad range of build capabilities, in

webpack-bundle-analyzer is a bundle size analysis tool and Webpack build plugin that visualizes the composition of web application assets. It generates an interactive treemap to identify large dependencies and analyze the distribution of modules within the final payload. The tool functions as a bundle visualizer and a static report generator, exporting analysis data as standalone HTML and JSON files. It supports live bundle tracking via WebSockets during development and allows for the analysis of existing static stats files through a command line interface. The project provides capabilities

This project is a Webpack HTML generator and template engine that creates HTML files and automatically injects compiled script and style bundles. It functions as an asset injection tool and build process minifier to automate the production of web pages. The tool differentiates itself through a customizable template system that supports dynamic variable injection, programmatic content generation, and the ability to generate multiple distinct HTML entry points for multi-page applications. It also provides a hook-based lifecycle pipeline, allowing for the modification of assets and tags before t

This project is a comprehensive starter kit for building subscription-based web applications using Next.js and TypeScript. It provides a structural foundation for developing software-as-a-service platforms, incorporating integrated user authentication, payment tiers, and multi-tenant organization management. The framework distinguishes itself with a dedicated multi-tenant application architecture that organizes users into teams and organizations with workspace switching. It includes a built-in monetization layer via Stripe subscription integration for managing pricing tiers and billing cycles

Jarvis ist eine Suite von Hilfsprogrammen für Webpack-Projekte, die für Bundle-Analyse, Tree-Shaking-Audits, Debugging von Build-Fehlern und Simulation der Netzwerkleistung konzipiert ist. Sie bietet ein browserbasiertes Dashboard zur Visualisierung von Asset-Verteilungen und zur Überwachung der Gesamtgröße von Bundles und Chunks. Das Projekt enthält einen Netzwerkleistungssimulator, der schätzt, wie Assets über verschiedene Verbindungstypen und Geschwindigkeiten hinweg geladen werden. Es bietet zudem ein Tree-Shaking-Analysetool, das das Verhältnis von shakeable zu nicht-shakeable Modulimporten misst, um Möglichkeiten zur Reduzierung der Bundle-Größe zu identifizieren. Zusätzliche Funktionen decken die Fehlerbehebung bei Build-Fehlern ab, indem rohe Kompilierungsfehler für die Lesbarkeit formatiert und integrierte Links zu externen Suchmaschinen bereitgestellt werden. Das Toolset analysiert zudem statische Assets, um Chunk-Verteilungen zu berechnen und Modulimporttypen zu bewerten.

Webpacker is a frontend build tooling system and JavaScript module manager that integrates Webpack into Ruby on Rails applications. It serves as a bridge between the backend web framework and the frontend build process to compile JavaScript and CSS into browser-ready bundles. The system provides a dedicated development asset server for real-time code reloading and automatic browser refreshing. For production, it includes a precompilation pipeline that minifies scripts and stylesheets and applies network asset compression to optimize delivery. The project covers comprehensive asset management

Bundlesize ist ein Continuous-Integration-Tool zur Berechnung von JavaScript-Bundle-Größen, zur Verfolgung des Asset-Wachstums und zum Blockieren von Deployments, die vordefinierte Größenlimits überschreiten. Es fungiert als Validator und Reporter für Bundle-Größen, der JavaScript-Build-Dateien überwacht, um unerwartetes Wachstum zu verhindern. Das Tool lässt sich direkt in Build-Pipelines integrieren, um Performance-Budgets für das Frontend durchzusetzen. Es kommuniziert Validierungsergebnisse über API-Aufrufe an Versionskontrollplattformen zurück, wodurch es signalisieren kann, wenn Größenlimits überschritten werden, und Pull Requests in CI-Workflows blockieren kann. Das System identifiziert Ziel-Assets mithilfe von Glob-Mustern und ordnet sie über eine Konfigurationsdatei spezifischen Größenbeschränkungen zu. Die Größenanalyse erfolgt durch die Bewertung sowohl der Rohdateigrößen als auch komprimierter Versionen (z. B. Gzip oder Brotli) im Vergleich zu Maximalwerten.

source-map-explorer ist ein Source-Map-Bundle-Analysator, der die Platznutzung gebündelter JavaScript-Dateien visualisiert. Er fungiert als Bundle-Size-Auditor und Visualisierer und verwendet Source Maps, um zu identifizieren, welche ursprünglichen Module und Dateien den meisten Platz innerhalb eines Produktions-Bundles einnehmen. Das Tool generiert eine interaktive Treemap, um die Bundle-Zusammensetzung darzustellen, und berechnet komprimierte Gzip-Größen, um die tatsächlichen Netzwerkübertragungskosten abzuschätzen. Es dient zudem als Code-Coverage-Mapper, indem Ausführungsdaten auf Source Maps gelegt werden, um ungenutzte Code-Segmente zu identifizieren, die aufgeschoben oder gesplittet werden können. Das Utility bietet Funktionen zur Pfad-Sanitisierung mittels regulärer Ausdrücke, um Dateilabels zu vereinfachen, und unterstützt den Export von Analyseergebnissen in HTML-, JSON- oder TSV-Formate.

Statoscope is a toolkit for analyzing (with UI-base report) and validate stats of your bundle.

Prepare compressed versions of assets to serve them with Content-Encoding

http://webpack.github.io/analyse

Analyze bundle stats(bundle size, assets, modules, packages) and compare the results between different builds. Support for webpack, rspack, vite, rolldown and rollup.

📊 Analyzing bundles created by Lasso js.