Documentation Contribute Vote Blog

English
中文
한국어

API concepts configuration guides loaders migrate plugins

webpack

api

Introduction Command Line Interface Node Interface Stats Data webpack-dev-server API Hot Module Replacement Loader Interface Logger Interface Module Methods Module Variables Compilation Object Compiler Hooks Compilation Hooks ContextModuleFactory Hooks JavascriptParser Hooks NormalModuleFactory Hooks Plugin API Resolvers

blog

Blog Roadmap 2021 (2020-12-08)Webpack 5 release (2020-10-10)

concepts

Concepts Entry Points Output Loaders Plugins Configuration Modules Module Resolution Module Federation Dependency Graph Targets The Manifest Hot Module Replacement Why webpack Under The Hood

configuration

Configuration Configuration Languages Configuration Types Entry and Context Mode Output Module Resolve Optimization Plugins DevServer Cache Devtool Target Watch and WatchOptions Externals Performance Node Stats Experiments Other Options

contribute

Contribute Writer's Guide Writing a Loader Writing a Plugin Plugin Patterns Release Process Debugging

guides

Guides Getting Started Asset Management Output Management Development Code Splitting Caching Authoring Libraries Environment Variables Build Performance Content Security Policies Development - Vagrant Dependency Management Installation Hot Module Replacement Tree Shaking Production Lazy Loading ECMAScript Modules Shimming TypeScript Web Workers Progressive Web Application Public Path Integrations Asset Modules Advanced entry Package exports

loaders

Loaders babel-loader coffee-loader exports-loader expose-loader html-loader imports-loader node-loader remark-loader source-map-loader thread-loader val-loader css-loader less-loader postcss-loader sass-loader style-loader stylus-loader

migrate

Migrate To v5 from v4 To v4 from v3 To v2 or v3 from v1

plugins

Plugins HtmlWebpackPlugin AutomaticPrefetchPlugin BannerPlugin CommonsChunkPlugin ContextExclusionPlugin ContextReplacementPlugin DefinePlugin DllPlugin EnvironmentPlugin EvalSourceMapDevToolPlugin HashedModuleIdsPlugin HotModuleReplacementPlugin IgnorePlugin Internal webpack plugins LimitChunkCountPlugin MinChunkSizePlugin ModuleConcatenationPlugin ModuleFederationPlugin NoEmitOnErrorsPlugin NormalModuleReplacementPlugin PrefetchPlugin ProfilingPlugin ProgressPlugin ProvidePlugin SourceMapDevToolPlugin SplitChunksPlugin WatchIgnorePlugin CompressionWebpackPlugin CopyWebpackPlugin CssMinimizerWebpackPlugin EslintWebpackPlugin HtmlMinimizerWebpackPlugin ImageMinimizerWebpackPlugin InstallWebpackPlugin JsonMinimizerWebpackPlugin MiniCssExtractPlugin StylelintWebpackPlugin TerserWebpackPlugin

Comparison

Awesome webpack

Branding Guidelines

Glossary

Vote

License

ag-grid is proud to partner with webpack

Community

HtmlWebpackPlugin

Installation
Basic Usage
Configuration
Third party addons

webpack

AutomaticPrefetchPlugin

Options
Usage
Placeholders

CommonsChunkPlugin

Options
Examples
Manifest file
Combining implicit common vendor chunks and manifest file
More Examples

ContextExclusionPlugin

ContextReplacementPlugin

Usage
Content Callback
Other Options

Usage
Feature Flags
Service URLs
Runtime values via runtimeValue

DllPlugin
DllReferencePlugin
- Modes
Usage
Examples
References
- Source
- Tests

EnvironmentPlugin

Usage
Usage with default values
Use Case: Git Version
DotenvPlugin

EvalSourceMapDevToolPlugin

Options
Examples
- Basic Use Case
- Exclude Vendor Maps

HashedModuleIdsPlugin

Options
Usage

HotModuleReplacementPlugin

Basic Usage

Using regular expressions
Using filter functions
Example of ignoring Moment Locales

Internal webpack plugins

environment
- NodeEnvironmentPlugin
compiler
entry
- EntryPlugin
- PrefetchPlugin
output
source
optimize

LimitChunkCountPlugin

Options
- maxChunks
- minChunkSize
Usage via CLI

MinChunkSizePlugin

Usage via CLI

ModuleConcatenationPlugin

Optimization Bailouts
- Module Grouping Algorithm
- Debugging Optimization Bailouts

ModuleFederationPlugin

Options

NoEmitOnErrorsPlugin

NormalModuleReplacementPlugin

Basic Example
Advanced Example

Options

ProfilingPlugin

Options
Usage: default
Usage: custom outputPath

Usage
- Providing function
- Providing object
Percentage calculation
Supported Hooks
Source

Usage: jQuery
Usage: jQuery with Angular 1
Usage: Lodash Map
- Usage: Vue.js

SourceMapDevToolPlugin

Options
Examples

SplitChunksPlugin

Defaults
Configuration
optimization.splitChunks
Examples

WatchIgnorePlugin

Options

webpack contrib

CompressionWebpackPlugin

Getting Started
Options
Examples
Contributing
License

CopyWebpackPlugin

Getting Started
Options
Contributing
License

CssMinimizerWebpackPlugin

Getting Started
Note about source maps
Options
Examples
- Use sourcemaps
- Remove all comments
Contributing
License

EslintWebpackPlugin

Getting Started
Options
Changelog
License

HtmlMinimizerWebpackPlugin

Getting Started
Options
Contributing
License

ImageMinimizerWebpackPlugin

Getting Started
- Standalone Loader
- Standalone Plugin
Options
- Plugin Options
- Loader Options
Additional API
- imageminNormalizeConfig(config)
Examples
- Optimize images based on size
- Optimize and transform images to webp
Contributing
License

InstallWebpackPlugin

dependencies
- peer
packageManager
prompt
Contributing

JsonMinimizerWebpackPlugin

Getting Started
Options
Contributing
License

MiniCssExtractPlugin

Getting Started
Options
- Plugin Options
- Loader Options
Examples
Contributing
License

StylelintWebpackPlugin

Getting Started
Options
Changelog
License

TerserWebpackPlugin

Getting Started
Note about source maps
Options
Examples
Contributing
License

StylelintWebpackPlugin

Edit this page·Print this page·Jump to repository

« Previous

MiniCssExtractPlugin

Next »

TerserWebpackPlugin

Get Started Comparison Privacy Policy

Swag Store Awesome webpack Glossary Branding Gitter Changelog