10 月初,webpack v5 正式发布。我们也及时进行了维护与跟进,但由于这段时间工作较忙,所以更新日志没有及时更新,见谅。
在升级 5 之前,请先阅读文档中的迁移指南。
中文:https://webpack.docschina.org/migrate/5/
英文:https://webpack.js.org/migrate/5/
英文篇
内容更新
API
- CLI 文档进行了重写,新增了核心 Flag(core flag)的概念
- 从 CLI v4 和 webpack v5 开始,CLI 将采用从 webpack 的 core 中导入整个配置的模式,允许 CLI 调整几乎所有配置项
- 支持的选项链接(https://github.com/webpack/webpack-cli/tree/next/packages/webpack-cli#webpack-5)
- Compilation hook 文档中新增了
的描述chunkIds
- Module Variables
- 移除了关于
的说明process
- 移除了关于
Blog
- 新增了
的博文2020-10-10-webpack-5-release
Concepts(概念)
- Modules 章节中对 webpack 所支持的模块类型进行了描述:
- ECMAScript 模块
- CommonJS 模块
- AMD 模块
- Assets 资源
- WebAssembly 模块
Configuration(配置)
- 配置章节中对原有配置进行了升级,现已改为 webpack 5 相关的配置
- Optimization 章节
- 移除了
选项optimization.namedChunks
- 移除了
选项optimization.noEmitOnErrors
- 新增了
选项optimization.emitOnErrors
-
选项可以赋值为optimization.mangleExports
,默认在生成环境下开启。deterministic
- 移除了
- stats 章节
- 新增了
stats.assetsSpace
- 新增了
stats.modulesSpace
- 新增了
stats.chunkModulesSpace
- 新增了
stats.nestedModulesSpace
- 新增了
stats.cachedModules
- 新增了
stats.runtimeModules
- 新增了
stats.dependentModules
- 新增了
stats.groupAssetsByChunk
- 新增了
stats.groupAssetsByEmitStatus
- 新增了
stats.groupAssetsByInfo
- 新增了
stats.groupModulesByAttributes
- 移除了
stats.chunkRootModules
- 移除了
stats.maxModules
- 新增了
stats.chunkGroupAuxiliary
- 新增了
stats.chunkGroupChildren
- 新增了
stats.chunkGroupMaxAssets
- 新增了
stats.ignoreWarnings
- 使用
替换stats.ignoreWarnings
stats.warningsFilter
- 新增了
- target 章节
- 默认值变更为
,如果未找到browerlist
,则为browserslist
web
- 支持的类型从
string
改为了function (complier)
string
string[]
false
- 可指定
的版本,如node/electron
target: node12.18
- 当传递
时,会采用数组中 target 的共有特性string[]
- 默认值变更为
Guides(指南)
- 新增了 ECMAScript Modules 章节,用于介绍 ECMA
- 新增了 Package exports 章节
Loader
-
章节中中新增了关于容错的说明babel-loader
- 忽略不应参与转码的库,例如
和core-js
如果被 Babel 转码会发生错误webpack/buildin
- 忽略不应参与转码的库,例如
- 移除了
,使用eslint-loader
代替eslint-webpack-plugin
- 重写了
章节postcss-loader
- 新增了
章节stylus-loader
Migrate
- 更新了 4 迁移到 5 的迁移文档,升级前,建议仔细阅读文档
Plugin
- 新增了
eslint-webpack-plugin
- 新增了
html-minimizer-webpack-plugin
- 新增了
image-minimizer-webpack-plugin
- 新增了
json-minimizer-webpack-plugin
- 细化了
mini-css-extract-plugin
- 对每个选项进行了详细说明
-
terser-webpack-plugin
- 移除了
选项cache
- 移除了
选项cacheKeys
- 移除了
站点更新
- webpack 官网新增了黑暗主题
- webpack 官网的构建升级至 webpack 5
- 更新了获取 plugin 和 loader 的方式
- 新增了处理 markdown 的单测
中文篇
内容更新
翻译了 webpack 5 大部分的文档内容:
- 博客部分
- 各个章节新增的部分
站点更新
- 自动同步的方式进行优化,保证始终与官网的更新获取方式同步
- 修复了官网更新后带来的 bug,并反馈给官方
- 并为官方提供了单测
关注我们
我们将为你带来最前沿的前端资讯。