Webpack devtool =“（无）”破坏了我的代码

Question

我正在使用webpack 3.10，并且为dev / prod提供了不同的webpack配置。现在在我的产品配置中设置了“ devtool =“（none）”“，而在我的开发配置中则设置了” eval-source-map“。

无法使用prod配置，我的捆绑包无法正常工作。使用dev config时，一切正常。 我尝试了一下，然后在Webpack文档中标记为“生产：是”的每个设置：https://webpack.js.org/configuration/devtool/破坏了我的代码。

任何人都可以解释设置之间的确切差异。还有其他变化（缩小/丑陋）吗？

亲切的问候。

Answer 1

在webpack 5.2.0中，您可以将生产中的devtool: false功能声明为(none)。

注意：如果您有mode: "development"，并且在Webpack配置中没有提到devtool，则devtool默认为eval。

Answer 2

这不是您的使用方式。要使其正常工作，您不应该指定devtool键。不是空值或(none)，您根本不应该在配置上使用devtool键。

{
  ...
  plugins: [],
  optimization: {}
  ...
}

两者之间没有任何devtool。