webpack - webpack 配置文件中的 devtool 和其他插件的（例如 UglifyjsWebpackPlugin）sourcemap 选项有什么区别？

Question

众所周知，webpack 根配置文件提供了devtool设置 source map 的选项。但其他插件和加载器，例如 UglifyjsWebpackPlugin、vue-loader，也提供了 sourcemap 选项。它们之间有什么区别？压倒一切？重叠？我们应该同时设置还是只设置 devtool？

标签： webpackwebpack-4

Answer 1

webpack 文档说：

除了使用 devtool 选项，您还可以直接使用 SourceMapDevToolPlugin/EvalSourceMapDevToolPlugin，因为它有更多选项。永远不要同时使用 devtool 选项和插件。devtool 选项在内部添加插件，因此您最终会应用两次插件。

所以不建议同时使用它们。