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

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

品牌指南

术语表

遵循许可

CLI
模块
Node
Loaders
插件

命令行接口（CLI）

命令
Flags
- Negated Flags
- 核心 Flags
用法
- 使用配置文件
- 不使用配置文件
默认配置
通用配置
Environment 选项
- env
- node-env
配置选项
分析 Bundle
Progress
将 CLI 参数传递给 Node.js
退出代码及其含义
CLI 环境变量
- WEBPACK_PACKAGE
Troubleshooting
- TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for ./webpack.config.ts

安装(Installation)
webpack()
Compiler 实例（Compiler Instance）
执行（Run）
监听(Watching)
- 关闭 Watching (Close Watching)
- Invalidate Watching
Stats 对象(Stats Object)
MultiCompiler
错误处理(Error Handling)
自定义文件系统(Custom File Systems)

配置结构（Structure）

webpack-dev-server API

Installation
start
startCallback(callback)
stop
stopCallback(callback)
internalIP(family: "v4" | "v6")
internalIPSync(family: "v4" | "v6")

Hot Module Replacement

模块 API
API 管理

Loader Interface

示例
The Loader Context
Webpack 特有属性
- this._compilation
- this._compiler
过时的上下文属性
错误报告
Inline matchResource
Logging

Examples of how to get and use webpack logger in loaders and plugins
Logger methods
Runtime Logger API

Modules

ES6 (推荐)
CommonJS
AMD
标签模块(Labeled Modules)
- export label
- require label
Webpack

Module Variables

module.loaded (NodeJS)
module.hot (webpack-specific)
module.id (CommonJS)
module.exports (CommonJS)
exports (CommonJS)
global (NodeJS)
__dirname (NodeJS)
import.meta.url
import.meta.webpack
import.meta.webpackHot
import.meta.webpackContext
__filename (NodeJS)
__resourceQuery (webpack-specific)
__webpack_public_path__ (webpack-specific)
__webpack_require__ (webpack-specific)
__webpack_chunk_load__ (webpack-specific)
__webpack_module__ (webpack-specific)
__webpack_module__.id (webpack-specific)
__webpack_modules__ (webpack-specific)
__webpack_hash__ (webpack-specific)
__webpack_get_script_filename__ (webpack-specific)
__non_webpack_require__ (webpack-specific)
__webpack_exports_info__ (webpack-specific)
__webpack_is_included__ (webpack-specific)
__webpack_base_uri__ (webpack-specific)
__webpack_runtime_id__
DEBUG (webpack-specific)

Objects

Compilation Object

compilation 对象方法

Plugins

compiler 钩子

监听(watching)
钩子

compilation 钩子

ContextModuleFactory Hooks

beforeResolve
afterResolve
contextModuleFiles
alternativeRequests

JavascriptParser Hooks

钩子

NormalModuleFactory Hooks

beforeResolve
factorize
resolve
resolveForScheme
afterResolve
createModule
module
createParser
parser
createGenerator
generator

Tapable
插件类型
自定义钩子
进度报告
日志
下一步

解析器（Resolvers）

类型
配置选项

Module Variables

编辑此页·打印文档

« Previous

Next »

Compilation Object

快速开始对比 Privacy Policy

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