赞助 webpack，同时从官方商店购买衣服所有收益将转到我们的 open collective！

文档参与贡献投票博客 

English
中文

概念配置 API 指南 loader plugin 迁移

Home

对比品牌指南概念术语遵循许可

Concepts

入口起点(entry points)输出(output)模式(mode)loader 插件(plugin)配置(configuration)模块(module)为什么选择 webpack 模块解析(module resolution)依赖图(dependency graph)manifest 部署目标(target)模块热替换(hot module replacement)

Configuration

使用不同语言进行配置(configuration languages)多种配置类型(configuration types)入口和上下文(entry and context)输出(output)模块(module)解析(resolve)优化(optimization)插件(plugins)开发中 server(devServer)devtool 构建目标(targets)watch 和 watchOptions 外部扩展(externals)Node.js 性能(performance)统计信息(stats)其它选项(other options)

API

命令行接口包含统计数据的文件 Node.js API 模块热替换 loader API 模块方法模块变量 Plugin API compiler 钩子 compilation 钩子 resolver parser

Guides

安装起步管理资源管理输出开发环境模块热替换 tree shaking 生产环境代码分离懒加载缓存创建 library shim 预置依赖渐进式网络应用程序 TypeScript 环境变量构建性能内容安全策略开发 - Vagrant 管理依赖公共路径集成

Plugins

AutomaticPrefetchPlugin ZopfliWebpackPlugin BannerPlugin ClosureWebpackPlugin CommonsChunkPlugin CompressionWebpackPlugin ContextReplacementPlugin CopyWebpackPlugin CssWebpackPlugin DefinePlugin DllPlugin EnvironmentPlugin EvalSourceMapDevToolPlugin ExtractTextWebpackPlugin HashedModuleIdsPlugin HotModuleReplacementPlugin HtmlWebpackPlugin I18nWebpackPlugin IgnorePlugin BabelMinifyWebpackPlugin LimitChunkCountPlugin LoaderOptionsPlugin MinChunkSizePlugin MiniCssExtractPlugin ModuleConcatenationPlugin NormalModuleReplacementPlugin NpmInstallWebpackPlugin PrefetchPlugin ProfilingPlugin ProgressPlugin ProvidePlugin SourceMapDevToolPlugin SplitChunksPlugin StylelintWebpackPlugin TerserWebpackPlugin UglifyjsWebpackPlugin WatchIgnorePlugin Internal webpack plugins

Loaders

babel-loader yaml-frontmatter-loader cache-loader coffee-loader coffee-redux-loader config-loader coverjs-loader css-loader eslint-loader exports-loader expose-loader extract-loader file-loader gzip-loader html-loader i18n-loader imports-loader istanbul-instrumenter-loader jshint-loader json-loader json5-loader bundle-loader mocha-loader multi-loader node-loader null-loader polymer-webpack-loader postcss-loader raw-loader react-proxy-loader restyle-loader sass-loader script-loader source-map-loader style-loader svg-inline-loader thread-loader transform-loader url-loader val-loader worker-loader workerize-loader less-loader

Contribute

参与中文文档翻译的全体成员作者指引编写一个 loader 编写一个插件插件模式发布流程调试

Migrate

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

vote

organization

starter-kits

AutomaticPrefetchPlugin

ZopfliWebpackPlugin

安装
Usage
Arguments
Option Arguments
Maintainers

选项
Usage
占位符(placeholder)

ClosureWebpackPlugin

Older Versions
Install
Usage example
Options
Compiler Flags
Aggressive Bundle Mode
Multiple Output Languages
Other tips for Use
Closure Library Plugin
Options
Maintainers

CommonsChunkPlugin

配置
例子
公共chunk 用于入口chunk (entry chunk)
明确第三方库 chunk
将公共模块打包进父 chunk
额外的异步公共chunk
给 minChunks 配置传入函数
Manifest file
Combining implicit common vendor chunks and manifest file
More Examples

CompressionWebpackPlugin

需求
起步
选项
test
include
exclude
cache
Boolean
String
filename
String
Function
algorithm
String
Function
compressionOptions
threshold
minRatio
deleteOriginalAssets
示例
使用 Zopfli
使用 Brotli
Contributing
License

ContextReplacementPlugin

用法
内容回调函数
其他选项

CopyWebpackPlugin

Getting Started
Options
Patterns
from
to
context
toType
'dir'
'file'
'template'
test
force
ignore
flatten
transform
{Function}
{Promise}
cache
transformPath
{Function}
{Promise}
Options
logLevel
ignore
context
copyUnmodified
Contributing
License

CssWebpackPlugin

用法
功能标记(Feature Flags)
服务 URL(Service URL)

DllPlugin
DllReferencePlugin
模式(Modes)
作用域模式(Scoped Mode)
映射模式(Mapped Mode)
用法(Usage)
示例(Examples)
引用参考(References)
Source
Tests

EnvironmentPlugin

用法
带默认值使用
DotenvPlugin

EvalSourceMapDevToolPlugin

Options
Examples
Basic Use Case
Exclude Vendor Maps
Setting sourceURL

ExtractTextWebpackPlugin

安装
用法
选项
#extract
多个实例
提取 Sass 或 LESS
url() Resolving
修改文件名
维护人员

HashedModuleIdsPlugin

参数
用法

HotModuleReplacementPlugin

基本用法(Basic Usage)
选项(Options)

HtmlWebpackPlugin

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

I18nWebpackPlugin

安装
用法
配置
Maintainers

Using regular expressions
Using filter functions
忽略 moment 本地化内容的示例

BabelMinifyWebpackPlugin

安装
用法
选项
pluginOpts
为什么
维护人员

LimitChunkCountPlugin

选项
maxChunks
minChunkSize
命令行接口(CLI)用法

LoaderOptionsPlugin

选项
用法

MinChunkSizePlugin

MiniCssExtractPlugin

Install
Usage
Minimal example
Advanced configuration example
Minimizing For Production
Features
Using preloaded or inlined CSS
Extracting all CSS in a single file
Extracting CSS based on entry
Long Term Caching
Media Query Plugin
Maintainers
License

ModuleConcatenationPlugin

绑定失败的优化[Optimization Bailouts]
模块分组算法[Module Grouping Algorithm]
优化绑定失败的调试[Debugging Optimization Bailouts]

NormalModuleReplacementPlugin

基本示例
高级示例

NpmInstallWebpackPlugin

安装
用法
Demo
Features
Maintainers

选项

ProfilingPlugin

Options
Usage: default
Usage: custom outputPath

Usage
Supported Hooks
Source

使用：jQuery
使用：jQuery 和 Angular 1
使用：Lodash Map
使用：Vue.js

SourceMapDevToolPlugin

选项
用法
Basic Use Case
排除 vendor 的 map
在宿主环境外部化 source map

SplitChunksPlugin

Defaults
Configuration
optimization.splitChunks
splitChunks.automaticNameDelimiter
splitChunks.chunks
splitChunks.maxAsyncRequests
splitChunks.maxInitialRequests
splitChunks.minChunks
splitChunks.minSize
splitChunks.maxSize
splitChunks.name
splitChunks.cacheGroups
splitChunks.cacheGroups.priority
splitChunks.cacheGroups.{cacheGroup}.reuseExistingChunk
splitChunks.cacheGroups.{cacheGroup}.test
splitChunks.cacheGroups.{cacheGroup}.filename
splitChunks.cacheGroups.{cacheGroup}.enforce
Examples
Defaults: Example 1
Defaults: Example 2
Split Chunks: Example 1
Split Chunks: Example 2
Split Chunks: Example 3

StylelintWebpackPlugin

Requirements
Differences With stylelint-loader
Getting Started
Options
configFile
context
emitErrors
failOnError
files
formatter
lintDirtyModulesOnly
syntax
Error Reporting
Acknowledgement
License
MIT

TerserWebpackPlugin

UglifyjsWebpackPlugin

WatchIgnorePlugin

选项

Internal webpack plugins

腾讯云技术社区

CssWebpackPlugin

查看原文|查看仓库|编辑此页

Nothing to see here .... yet

起步组织配套工具比较

概念术语品牌 Gitter 更新日志遵循协议粤 ICP 备 17008907 号