webpack logo
DocumentationContributeBlog
(opens in a new tab)
(opens in a new tab)
(opens in a new tab)
(opens in a new tab)
  • English
  • 中文
  • 한국어
APIconceptsconfigurationguidesloadersmigrateplugins
ag gridag grid dark(opens in a new tab)
ag chartsag charts dark(opens in a new tab)
Datagrid and Charting for Enterprise Applications
webpack
Proud to partner with webpack
(opens in a new tab)
Print SectionPrinter Icon
Concepts
  • Entry
  • Output
  • Loaders
  • Plugins
  • Mode
  • Browser Compatibility
  • Environment
Entry Points
  • Single Entry (Shorthand) Syntax
  • Object Syntax
    • EntryDescription object
  • Scenarios
    • Separate App and Vendor Entries
    • Multi-Page Application
Output
  • Usage
  • Multiple Entry Points
  • Advanced
Loaders
  • Example
  • Using Loaders
    • Configuration
    • Inline
  • Loader Features
  • Resolving Loaders
Plugins
  • Anatomy
  • Usage
    • Configuration
    • Node API
Configuration
  • Introductory Configuration
  • Using multiple configurations
  • Multiple Targets
  • Using other Configuration Languages
Modules
  • What is a webpack Module
  • Supported Module Types
Module Resolution
  • Resolving rules in webpack
    • Absolute paths
    • Relative paths
    • Module paths
  • Resolving Loaders
  • Caching
Module Federation
  • Motivation
  • Low-level concepts
  • High-level concepts
  • Building blocks
    • ContainerPlugin (low level)
    • ContainerReferencePlugin (low level)
    • ModuleFederationPlugin (high level)
  • Concept goals
  • Use cases
    • Separate builds per page
    • Components library as container
  • Dynamic Remote Containers
  • Promise Based Dynamic Remotes
  • Dynamic Public Path
    • Offer a host API to set the publicPath
    • Infer publicPath from script
  • Troubleshooting
    • Uncaught Error: Shared module is not available for eager consumption
    • Uncaught Error: Module "./Button" does not exist in container.
    • Uncaught TypeError: fn is not a function
    • Setting output.uniqueName
Dependency Graph
Targets
  • Usage
  • Multiple Targets
  • Resources
The Manifest
  • Runtime
  • Manifest
  • The Problem
Hot Module Replacement
  • How It Works
    • In the Application
    • In the Compiler
    • In a Module
    • In the Runtime
  • Get Started
Why webpack
  • IIFEs - Immediately invoked function expressions
  • Birth of JavaScript Modules happened thanks to Node.js
  • npm + Node.js + modules – mass distribution
  • ESM - ECMAScript Modules
  • Automatic Dependency Collection
  • Wouldn't it be nice…