中文文档
参与贡献
博客
印记中文
English
中文
한국어
Search
K
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
自定义插件
插件模式
发布流程
调试
指南
指南
起步
管理资源
管理输出
开发环境
代码分离
缓存
创建库
环境变量
构建性能
内容安全策略(CSP)
使用 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
品牌指南
术语表
遵循许可
翻译/文档内容有任何问题,请联系我们
Webpack 5
Webpack 4
Print Section
Migrate
从 v4 升级到 v5
准备工作
升级 webpack 4 及其相关的 plugin/loader
确保你的构建没有错误或警告
请确保设置了 mode
升级废弃的配置项
测试 webpack 5 兼容性
升级至 webpack 5
清理配置
需要旧版浏览器的支持?比如 IE 11?
清理代码
运行单个构建并遵循以下建议
所有情况都运行如常?
运行异常?
发现本指南中缺失的东西?
内核的改变
loader 的 getOptions 方法
To v4 from v3
Node.js v4
脚手架(CLI)
更新插件
模式(mode)
不推荐或被移除的插件
CommonsChunkPlugin
import() 和 CommonJS
json 和 loaders
module.loaders
从 v1 升级到 v2 或 v3
resolve.root, resolve.fallback, resolve.modulesDirectories
resolve.extensions
resolve.*
module.loaders is now module.rules
链式 loaders
已移除 -loader 模块名称自动扩展
json-loader 不再需要手动添加
配置中的 loader 默认相对于 context 进行解析
module.preLoaders and module.postLoaders were removed:
UglifyJsPlugin sourceMap
UglifyJsPlugin warnings
UglifyJsPlugin minimize loaders
DedupePlugin has been removed
BannerPlugin - 破坏性改动
默认加载 OccurrenceOrderPlugin
ExtractTextWebpackPlugin - 破坏性改动
ExtractTextPlugin.extract
new ExtractTextPlugin({options})
全动态 require 现在默认会失败
在 CLI 和配置中使用自定义参数
require.ensure and AMD require are asynchronous
通过 options 中配置 loader
什么是 options ?
LoaderOptionsPlugin context
debug
ES2015 的代码分离
动态表达式
混合使用 ES2015、AMD 和 CommonJS
Hints
模版字符串
配置中使用 Promise
高级 loader 匹配
更多的 CLI 参数项
Loader 变更
Cacheable
复杂 options
Migrate
此章节包含从旧版本的 webpack 迁移到新版本的相关信息。
编辑此页
·
打印文档
Next »
从 v4 升级到 v5
1 位译者
jacob-lcs
1 位贡献者
Webpack 5 现已正式发布。请阅读我们的
发布公告
。如还未准备升级,请阅读
webpack 4 文档
。