webpack配置文件中的devtool与其他插件（例如UglifyjsWebpackPlugin）源映射选项有什么区别？

Posted 2021-05-06

众所周知，webpack root配置文件提供了devtool选项来设置源映射。但是其他插件和加载器，例如UglifyjsWebpackPlugin，vue-loader也提供了sourcemap选项。他们之间有什么区别？重写？重叠？我们应该设置两者还是只设置devtool？

答案

webpack文档说：

您可以直接使用SourceMapDevToolPlugin / EvalSourceMapDevToolPlugin，而不是使用devtool选项，因为它有更多选项。切勿同时使用devtool选项和插件。 devtool选项在内部添加插件，因此您最终会将插件应用两次。

因此不建议同时使用它们。