中文文档参与贡献投票博客

English
中文
한국어

API 概念配置指南 loader 迁移 plugin

webpack

api

简介命令行接口（CLI）Node 接口 Stats Data webpack-dev-server API Hot Module Replacement Loader Interface Logger 接口模块方法 Module Variables Compilation Object compiler 钩子 compilation 钩子 ContextModuleFactory Hooks JavascriptParser Hooks NormalModuleFactory Hooks Plugin API 解析器（Resolvers）

blog

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

概念

概念入口起点(entry points)输出(output)loader plugin 配置（Configuration）模块（Modules）模块解析（Module Resolution）Module Federation 依赖图(dependency graph)target manifest 模块热替换(hot module replacement)为什么选择 webpack 揭示内部原理

配置

配置 Configuration Languages Configuration Types 入口和上下文模式(Mode)Output Module 解析(Resolve)优化(Optimization)插件(Plugins)DevServer Cache Devtool 构建目标(Targets)watch 和 watchOptions 外部扩展(Externals)Performance Node Stats 对象实验特性(Experiments)其它选项

contribute

参与贡献作者指引编写 loader 自定义插件插件模式发布流程调试

指南

指南起步管理资源管理输出开发环境代码分离缓存创建库环境变量构建性能内容安全策略开发 - Vagrant 依赖管理安装模块热替换 Tree Shaking 生产环境懒加载 ECMAScript 模块 Shimming 预置依赖 TypeScript Web Workers 渐进式网络应用程序公共路径集成资源模块 entry 高级用法 Package exports

loader

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

迁移

Migrate 从 v4 升级到 v5 To v4 from v3 从 v1 升级到 v2 或 v3

plugin

插件 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

品牌指南

术语表

遵循许可

Community

HtmlWebpackPlugin

安装
基本用法
配置
第三方插件

webpack

AutomaticPrefetchPlugin

选项
用法
占位符

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 URL
Runtime values via runtimeValue

DllPlugin
DllReferencePlugin
- 模式(Modes)
用法(Usage)
示例
参考
- Source
- Tests

EnvironmentPlugin

Usage
Usage with default values
Use Case: Git Version
DotenvPlugin

EvalSourceMapDevToolPlugin

选项
示例
- 基本用例
- 排除 Vendor(第三方库) Maps

HashedModuleIdsPlugin

Options
Usage

HotModuleReplacementPlugin

基本使用

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

配置项
示例

SplitChunksPlugin

默认值
配置
optimization.splitChunks
Examples

WatchIgnorePlugin

Options

webpack contrib

CompressionWebpackPlugin

Getting Started
Options
Examples
Contributing
License

CopyWebpackPlugin

Getting Started
Options
Contributing
License

CssMinimizerWebpackPlugin

起步
关于 source maps 的提示
选项
示例
- 使用 sourcemaps
- 移除所有注释
贡献
License

EslintWebpackPlugin

开始
选项
更新日志
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

快速开始
选项
- Plugin Options
- Loader 选项
示例
贡献
License

StylelintWebpackPlugin

Getting Started
选项
Changelog
License

TerserWebpackPlugin

入门
关于 source maps 说明
选项
示例
Contributing
许可证

JsonMinimizerWebpackPlugin

编辑此页·打印文档·前往仓库

« Previous

InstallWebpackPlugin

Next »

MiniCssExtractPlugin

快速开始对比 Privacy Policy

周边 Awesome webpack 术语品牌 Gitter 更新日志