onfiguration.devtool 应该匹配模式 "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$"

Question

我正在迁移webpack 4到webpack 5.

config/webpack.js 已：

`开发工具：是生产？“隐藏源映射”：“廉价模块评估源映射”

迁移后出错：

onfiguration.devtool 应该匹配模式“^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$”。

看起来新的webpack不喜欢条件，因为如果我更改为：

devtool: 'hidden-source-map'

错误消失了。

Answer 1

问题是cheap-module-eval-source-map->eval-cheap-module-source-map根据https://webpack.js.org/configuration/devtool/

Answer 2

Webpack V5 在验证 devtool 名称时需要特定的模式，如果无法匹配混合 devtool 字符串序列的模式可能会导致错误。模式是：[inline-|hidden-|eval-][nosources-][cheap-[module-]]source-map.

例如，可以在开发阶段的 webpack 配置文件中使用以下选项之一 - devtool: 'eval' devtool: 'eval-source-map' devtool: 'eval-cheap-source-map' devtool: 'eval-cheap-module-source-map'

这些更改是新的，因此当使用旧的配置文件时，可能会弹出此类错误。将 devtool 值重置为匹配模式，错误就会消失。要了解有关适合您工作的 devtool 值的更多信息，请访问Webpack Devtool 文档