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

0
View on GitHub↗
65,834 stars·9,354 forks·JavaScript·MIT·29 vueswebpack.js.org↗

Webpack

Webpack is a module bundler that maps project dependencies into a directed acyclic graph to transform diverse file types into optimized, browser-ready assets. It functions as a build pipeline orchestrator, using entry points to recursively resolve imports and bundle modules, scripts, and static assets into a unified output.

The project is distinguished by its plugin-based architecture and loader-driven transformation pipeline. It utilizes an event-driven hook system that allows developers to intercept and modify the build process at specific lifecycle stages, enabling custom code transformations and complex dependency resolution. This architecture supports granular control over asset splitting, allowing for the creation of distinct chunks to optimize loading performance and caching strategies.

Beyond core bundling, the system provides a development feedback server that monitors file changes to perform incremental recompilation. It includes a runtime for hot module replacement, which injects updated code into running applications without requiring full page reloads. The platform also offers extensive configuration options for build modes, environment variables, and performance optimizations like minification and module concatenation.

The tool provides a comprehensive API for programmatic execution, allowing developers to validate configurations, access compilation statistics, and integrate custom logic through plugins and loaders. It is designed to be installed and configured as a central component of the frontend development workflow.

Features

  • Module Bundlers - Organizes complex dependency graphs into streamlined, browser-optimized resource bundles.
  • Build Pipeline Orchestrators - Automates sequential transformation stages to convert raw source files into production-ready artifacts.
  • Abstract Syntax Tree Parsers - Analyzes source code structure to facilitate advanced optimizations like dead code elimination during compilation.
  • Dependency Graph Builders - Maps project relationships by traversing module imports to create a comprehensive dependency overview.
  • Plugin Authoring APIs - Exposes robust interfaces for developers to inject custom processing logic into the build lifecycle.
  • Dependency Graph Compilers - Constructs directed acyclic graphs from module imports to determine precise build order and output structure.
  • Asset Transformation Engines - Converts diverse source assets into optimized formats through a flexible, plugin-driven processing pipeline.
  • Dependency Graph Optimizers - Restructures module dependencies to minimize bundle size and enhance execution efficiency.
  • Bundle Optimizers - Applies minification, tree-shaking, and module concatenation to shrink production output.
  • Code Splitting Strategies - Partitions application code into smaller, asynchronously loaded chunks to boost initial load performance.
  • Programmatic Build APIs - Enables programmatic control over build processes by accepting configuration objects for automated execution.
  • Dependency Analysis - Visualizes module relationships through graph structures to help manage project assets and build connections.
  • Developer Authoring Interfaces - Offers standardized APIs for developers to implement and register custom extensions within the build process.
  • Loader Pipelines - Sequence multiple transformation steps to process various source file formats into browser-ready assets.
  • Build Configurations - Centralizes build parameters, environment variables, and optimization settings for target outputs.
  • Compiler Configurations - Tailor module resolution and compiler behavior to suit the requirements of specific project environments.
  • Build Plugins - Inject custom tasks, global constants, and code modifications directly into the build process.
  • Compilation Lifecycle Hooks - Monitor, intercept, and modify modules or assets at defined stages throughout the build process.
  • Abstract Syntax Tree Transformers - Grant access to the internal code structure for performing custom transformations during compilation.
  • Build Lifecycle Hooks - Triggers custom logic at specific stages of the build lifecycle using event-based callbacks.
  • Custom Module Loaders - Defines how specific file types are processed and transformed during the build via custom loader logic.
  • Module Resolution Hooks - Intercept and modify how file paths and module dependencies are resolved during the compilation phase.
  • Dependency Graph Managers - Model complex module relationships as a directed acyclic graph to facilitate efficient bundling.
  • JavaScript Parsers - Expose hooks during the parsing phase to analyze or modify JavaScript code structure.
  • Development Feedback Servers - Powers live development by monitoring file changes and performing incremental recompilation for instant feedback.
  • Hot Module Replacement - Patch application modules in real-time to update code in the browser without requiring a full reload.
  • Module Resolvers - Lookup file paths, aliases, and package exports using a highly configurable resolution engine.
  • Resolution Configurations - Manage file extensions, aliases, and directory mappings to control how project dependencies are located.
  • Synchronous Module Loaders - Resolves and loads module dependencies synchronously to ensure consistent build-time execution.
  • Event-Driven Plugin Registries - Maintain a central registry for coordinating external extensions through a unified hook-based architecture.
  • Build and Bundling - Module bundler for browser assets and dependencies.
  • Build Tooling - The primary module bundler for JavaScript applications.
  • Build Tools - Bundles CommonJS/AMD modules for the browser.
  • Build Tools and Automation - Module bundling and build process optimization.
  • Build Tools and Bundlers - Powerful module bundler for modern JavaScript applications.
  • Build Tools and Modules - Powerful JavaScript module bundler.
  • Bundlers - Packs CommonJs/AMD modules for the browser.
  • Module Bundlers - Core module bundler for modern JavaScript applications.
  • Web Frameworks - Static module bundler for JavaScript applications.
  • 前端自动化(Workflow) - Listed in the “前端自动化(Workflow)” section of the Awesome Frontend awesome list.
  • Chunking Configurations - Regulate code splitting, naming, and caching strategies through specialized configuration comments.
  • Filename Pattern Generators - Generate dynamic filenames for bundles and chunks using template strings and content hashes.
  • Loader Caching Strategies - Determine whether loader results are cached or if specific build dependencies should trigger a rebuild.
  • Dependency Tracking Mechanisms - Register file or directory dependencies to ensure automatic updates whenever specific resources change.
  • Build Output Configurations - Specify bundle entry points and output directories to direct how assets are generated.
  • Module Processing Rules - Specify transformation logic for distinct file types and exclude unnecessary libraries to improve build performance.
  • Custom Hook Definitions - Establish custom hook instances with specific execution patterns to manage plugin communication.
  • Loader Patterns - Implement standardized patterns for managing transformation options and dependency tracking.
  • File Filtering Rules - Determine which files undergo specific transformations by applying path-based or regular expression filters.
  • Build Artifact Generators - Emit diagnostic files, warnings, or compilation errors during the execution of loader tasks.
  • Build Error Reporters - Capture and format build-time errors to provide actionable feedback when transformations fail.
  • Library Bundling Configurations - Bundle source code into multiple library formats to ensure compatibility across diverse environments.
  • Compilation Pipelines - Extend the compilation process through custom plugins to accommodate unique build requirements.
  • Hook Orchestration - Control the execution sequence and lifecycle stages of plugins via explicit ordering constraints.
  • File System Watchers - Monitor directory changes to trigger automated recompilation or real-time indexing tasks.
  • Package Resolution Configurations - Prioritize specific package fields to dictate how entry points are identified during dependency resolution.
  • Base URI Resolvers - Establish root paths or base URLs for resolving dynamic dependencies like Web Workers and WebAssembly modules.
  • Asynchronous Loaders - Manage asynchronous operations through callback functions that signal completion, errors, or returned data.
  • Hot Module Replacement Controllers - Coordinate state cleanup and re-initialization logic when modules are swapped at runtime.
  • Module Lifecycle Managers - Control dynamic imports and manual cache invalidation to manage complex module lifecycles.
  • Dynamic - Create contexts that enable programmatic module loading based on directory structures or file patterns.
  • Short-Circuit Loader Chains - Terminate loader chains early by returning results directly from a pitch function.
  • Resolver Factories - Construct and cache resolution instances to handle varying module lookup requirements.
  • Content Security - Apply nonce attributes to dynamically generated scripts and styles to satisfy strict security requirements.
  • Hook Resolution Lifecycles - Hook into specific resolution events to execute custom logic during the module lookup process.
  • Build Pipeline Data Sharing - Transfer state and context objects between different phases of the build execution lifecycle.

Historique des stars

Graphique de l'historique des stars pour webpack/webpackGraphique de l'historique des stars pour webpack/webpack

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

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Webpack.
  • vitejs/viteAvatar de vitejs

    vitejs/vite

    81,611Voir sur GitHub↗

    Vite is a frontend build toolchain that provides a unified development and production pipeline for modern web applications. It functions as a modular, environment-agnostic build engine that leverages native ES modules to serve source code directly to the browser, eliminating the need for expensive bundling during the development phase. By maintaining an environment-aware module graph, it supports concurrent development across client, server, and custom runtime environments. The project distinguishes itself through a high-performance development server that utilizes a hot module replacement pr

    TypeScriptbuild-tooldev-serverfrontend
    Voir sur GitHub↗81,611
  • rollup/rollupAvatar de rollup

    rollup/rollup

    26,288Voir sur GitHub↗

    Rollup is an ES module bundler and JavaScript module transpiler. It functions as a build tool that combines JavaScript modules into optimized files and converts modern JavaScript and JSX into various output formats for different runtime environments. The project is distinguished by its static-analysis tree shaking engine, which removes unused code and dead exports to minimize bundle size. It also acts as a code splitting orchestrator, partitioning modules into separate chunks to optimize network requests and load times. The tool provides a hook-based plugin system for extending build logic,

    JavaScript
    Voir sur GitHub↗26,288
  • parcel-bundler/parcelAvatar de parcel-bundler

    parcel-bundler/parcel

    44,032Voir sur GitHub↗

    Parcel is a web application bundler designed to automate the packaging of project assets for production. It functions as a zero-configuration tool that detects dependencies and transforms source files into optimized output without requiring manual setup files. The project includes a built-in development server that supports incremental builds and hot module replacement to reflect code changes during the development cycle. The core of the system is a dependency graph resolver that maps relationships between modules to determine the structure of output bundles. This is supported by a modular as

    JavaScriptassetsbuild-toolcommonjs
    Voir sur GitHub↗44,032
  • rails/webpackerAvatar de rails

    rails/webpacker

    5,276Voir sur GitHub↗

    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

    Ruby
    Voir sur GitHub↗5,276
Voir les 30 alternatives à Webpack→

Questions fréquentes

Que fait webpack/webpack ?

Webpack is a module bundler that maps project dependencies into a directed acyclic graph to transform diverse file types into optimized, browser-ready assets. It functions as a build pipeline orchestrator, using entry points to recursively resolve imports and bundle modules, scripts, and static assets into a unified output.

Quelles sont les fonctionnalités principales de webpack/webpack ?

Les fonctionnalités principales de webpack/webpack sont : Module Bundlers, Build Pipeline Orchestrators, Abstract Syntax Tree Parsers, Dependency Graph Builders, Plugin Authoring APIs, Dependency Graph Compilers, Asset Transformation Engines, Dependency Graph Optimizers.

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

Les alternatives open-source à webpack/webpack incluent : vitejs/vite — Vite is a frontend build toolchain that provides a unified development and production pipeline for modern web… rollup/rollup — Rollup is an ES module bundler and JavaScript module transpiler. It functions as a build tool that combines JavaScript… parcel-bundler/parcel — Parcel is a web application bundler designed to automate the packaging of project assets for production. It functions… rails/webpacker — Webpacker is a frontend build tooling system and JavaScript module manager that integrates Webpack into Ruby on Rails… facebook/create-react-app — Create React App is a comprehensive suite of tools for project bootstrapping, local development serving, unit testing,… brunch/brunch — Brunch is a frontend build tool and JavaScript asset bundler designed to automate the transformation of source code…