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

Question

我正在将webpack 4迁移到webpack 5。

config/webpack.js有：

“开发工具: isProduction？“隐藏源-映射”：“廉价模块-标准源-映射”

迁移得到错误后：

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

看起来新的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开发工具文档