webpack/webpack-bundle-analyzer की मुख्य विशेषताएं क्या हैं?

webpack/webpack-bundle-analyzer की मुख्य विशेषताएं हैं: Static Stats Analysis, Build Metadata Inspection, Bundle Size Analyzers, Bundle Size Optimization, Dependency Visualizers, Frontend Asset Optimization, Bundle, Live Tracking।

webpack/webpack-bundle-analyzer के कुछ ओपन-सोर्स विकल्प क्या हैं?

webpack/webpack-bundle-analyzer के ओपन-सोर्स विकल्पों में शामिल हैं: 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…

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.

स्टार हिस्ट्री

webpackwebpack-bundle-analyzer

Name: webpack/webpack-bundle-analyzer
Author: webpack

View on GitHub

12,667 स्टार्स507 फोर्क्सJavaScriptMIT5 व्यूज़

Webpack Bundle Analyzer

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.

Webpack Bundle Analyzer के ओपन-सोर्स विकल्प

समान ओपन-सोर्स प्रोजेक्ट्स, जो Webpack Bundle Analyzer के साथ साझा की गई सुविधाओं के आधार पर रैंक किए गए हैं।

addyosmani/agent-skills
addyosmani/agent-skills
60,849GitHub पर देखें
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
GitHub पर देखें60,849
antfu/unplugin-icons
antfu/unplugin-icons
4,876GitHub पर देखें
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
GitHub पर देखें4,876
developit/microbundle
developit/microbundle
8,135GitHub पर देखें
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
GitHub पर देखें8,135
pastelsky/bundlephobia
pastelsky/bundlephobia
9,534GitHub पर देखें
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
GitHub पर देखें9,534

Webpack Bundle Analyzer के सभी 30 विकल्प देखें

अक्सर पूछे जाने वाले प्रश्न

webpack/webpack-bundle-analyzer क्या करता है?