Webpack压缩代码时，drop_console和pure_funcs是否会重复工作？-灵析社区

我只爱钱

在 Webpack 的 TerserPlugin（通常用于压缩 JavaScript 代码）中，drop_console 和 pure_funcs 是两个与代码压缩和删除相关的选项。不过，这两个选项在处理 console 相关的函数时，有一些细微的差别和用途。 drop_console: 这个选项是 TerserPlugin 的一个简化设置，用于自动删除所有 console 相关的函数调用。当设置为 true 时，它会删除诸如 console.log、console.error 等的所有调用，而不仅仅是 console.log。 pure_funcs: pure_funcs 是一个数组，其中列出了被认为是“纯函数”的函数名。纯函数是指那些不产生任何副作用（例如修改全局状态或触发网络请求）并且总是返回相同结果的函数。对于这样的函数，如果它们的返回值没有被使用（即它们是“死代码”），那么 TerserPlugin 可以安全地删除这些函数的调用。 当你为 pure_funcs 指定 ['console.log'] 时，你告诉 TerserPlugin console.log 是一个纯函数，如果它的输出没有被使用（例如，没有被赋值给变量或作为其他函数的参数），则可以安全地删除这个调用。但是，请注意，这只会影响 console.log，不会影响其他 console 方法的调用。 两者同时使用会重复吗？ 如果你同时设置了 drop_console: true 和 pure_funcs: ['console.log']，那么 drop_console 会删除所有 console 相关的函数调用，而不仅仅是 console.log。同时，pure_funcs 也会尝试删除未使用的 console.log 调用，但在这个上下文中，由于 drop_console 已经删除了所有 console 调用，所以 pure_funcs 的这个特定设置将不会起到任何额外的作用。 但是，如果你有其他纯函数在 pure_funcs 数组中，并且这些函数没有被 drop_console 涵盖，那么 pure_funcs 仍然会起到作用。 总结 如果你只想删除所有 console 相关的函数调用，那么只需设置 drop_console: true。 如果你只想删除未使用的 console.log 调用（并保留其他 console 方法），那么只需设置 pure_funcs: ['console.log']（但请注意，这通常不是一个好的做法，因为其他 console 方法（如 console.error）可能仍然包含有价值的信息）。 如果你既想删除所有 console 相关的函数调用，又想删除其他未使用的纯函数调用，那么可以同时设置这两个选项。但在这种情况下，pure_funcs: ['console.log'] 对于 console.log 的删除是冗余的。