awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
webpack avatar

webpack/webpack-bundle-analyzer

0
View on GitHub↗
12,667 stars·507 forks·JavaScript·MIT·8 vues

Webpack Bundle Analyzer

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 for frontend asset analysis and web performance auditing, including the calculation of compressed sizes and the inspection of concatenated modules. It includes utilities for filtering chunks, searching for specific modules, and mapping dependency trees to optimize build metadata.

Features

  • Static Stats Analysis - Analyzes existing Webpack stats files via a command line interface to visualize bundle composition.
  • Build Metadata Inspection - Processes Webpack stats files to analyze bundle composition without needing to trigger a full project rebuild.
  • Bundle Size Analyzers - Calculates and displays raw and compressed module sizes to help developers optimize the final payload.
  • Bundle Size Optimization - Visualizes the Webpack output to find large dependencies and reduce the overall size of JavaScript bundles.
  • Dependency Visualizers - Maps the relationships and sizes of project modules using an interactive treemap for dependency debugging.
  • Frontend Asset Optimization - Examines the composition of production assets to identify which modules occupy the most space in the browser.
  • Bundle - Exports bundle analysis data as standalone HTML and JSON files for sharing and programmatic use.
  • Live Tracking - Updates the module treemap in real-time via WebSockets when used with a development server.
  • Build Tool Plugins - Integrates into the Webpack build process as a plugin to generate reports on module sizes.
  • Analysis Result Exporters - Provides utilities for exporting bundle analysis results into static HTML and JSON formats for sharing.
  • Performance Auditing - Measures compressed file sizes and identifies redundant code to improve page load times and network efficiency.
  • Bundle Analysis - Visualizes bundle content as an interactive treemap.

Historique des stars

Graphique de l'historique des stars pour webpack/webpack-bundle-analyzerGraphique de l'historique des stars pour webpack/webpack-bundle-analyzer

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Alternatives open source à Webpack Bundle Analyzer

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Webpack Bundle Analyzer.
  • addyosmani/agent-skillsAvatar de addyosmani

    addyosmani/agent-skills

    60,849Voir sur GitHub↗

    Agent-skills is a collection of structured instructions and behavioral personas designed to standardize how AI coding agents perform engineering tasks. It functions as a workflow orchestrator that maps natural language intent to repeatable technical sequences and verification checklists. The project distinguishes itself through the use of specialized markdown-defined roles, such as security auditors or test engineers, to apply targeted domain expertise. It employs an evidence-based verification model that requires runtime data or passing tests as mandatory exit criteria to ensure AI-generated

    Shellagent-skillsantigravityantigravity-ide
    Voir sur GitHub↗60,849
  • antfu/unplugin-iconsAvatar de antfu

    antfu/unplugin-icons

    4,876Voir sur GitHub↗

    unplugin-icons is a universal icon component provider and build-time asset optimizer that transforms diverse SVG libraries into a unified cross-framework interface. It functions as an SVG icon pipeline, converting thousands of icons from various sets into on-demand components or raw strings for use across different frontend frameworks. The tool provides a cross-framework icon library that optimizes bundle sizes by exclusively including the specific icons referenced in the source code. It further simplifies the development workflow through automatic icon importing and the use of aliases to map

    TypeScript
    Voir sur GitHub↗4,876
  • developit/microbundleAvatar de developit

    developit/microbundle

    8,135Voir sur GitHub↗

    Microbundle is a zero-configuration JavaScript module bundler designed to package small libraries and modules into optimized distribution files. It serves as a JavaScript library packager and TypeScript compiler, converting source code into compatible module formats for both browser and server-side runtimes. The tool functions as a bundle size optimizer by mangling object properties and analyzing bundle composition to reduce final file sizes. It also acts as a CSS module processor, converting style imports into external stylesheets or scoped modules to prevent global namespace collisions. It

    JavaScript
    Voir sur GitHub↗8,135
  • pastelsky/bundlephobiaAvatar de pastelsky

    pastelsky/bundlephobia

    9,534Voir sur GitHub↗

    Bundlephobia is a suite of tools for analyzing the composition and size of JavaScript dependencies from the npm registry. It functions as a bundle analyzer and size monitor that calculates the total footprint of frontend packages and stylesheets to determine their impact on page load performance. The project identifies specific components contributing to bundle size through asset composition analysis and package auditing. It also generates visual size indicators and badges that can be embedded in documentation and version control repositories to communicate package dimensions. The platform m

    TypeScriptcostdependenciesnpm-package
    Voir sur GitHub↗9,534
Voir les 30 alternatives à Webpack Bundle Analyzer→

Questions fréquentes

Que fait webpack/webpack-bundle-analyzer ?

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.

Quelles sont les fonctionnalités principales de webpack/webpack-bundle-analyzer ?

Les fonctionnalités principales de webpack/webpack-bundle-analyzer sont : Static Stats Analysis, Build Metadata Inspection, Bundle Size Analyzers, Bundle Size Optimization, Dependency Visualizers, Frontend Asset Optimization, Bundle, Live Tracking.

Quelles sont les alternatives open-source à webpack/webpack-bundle-analyzer ?

Les alternatives open-source à webpack/webpack-bundle-analyzer incluent : addyosmani/agent-skills — Agent-skills is a collection of structured instructions and behavioral personas designed to standardize how AI coding… developit/microbundle — Microbundle is a zero-configuration JavaScript module bundler designed to package small libraries and modules into… pastelsky/bundlephobia — Bundlephobia is a suite of tools for analyzing the composition and size of JavaScript dependencies from the npm… antfu/unplugin-icons — unplugin-icons is a universal icon component provider and build-time asset optimizer that transforms diverse SVG… didi/mpx — MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from… elm/compiler — This project is a functional programming compiler and JavaScript transpiler that transforms a statically typed…