Webpack - 用于生产的配置中的devtools

Question

所以我正在尝试为我的生产模式设置webpack配置，我只是无法理解为什么我会在生产中使用devtools。

Devtools旨在让您的调试时生活更轻松，但为什么我需要在生产中使用它？ 如果我确实需要它，我应该使用哪一个？

Answer 1

对于大多数设置，您不希望在生产中使用devtools，因为您不支持调试访问生产主机的客户端。

但是，如果没有源映射，如果有人能够生成它们，就不可能在缩小的生产源中使用堆栈跟踪来解决运行时错误。您通常依赖于知道调试的文件，位置，标识符和错误消息，但所有这些信息可能会被优化丢弃。使用{devtools: 'hidden-source-map'}，您可以与构建一起生成源映射。您可以做的最低限度是使当前实时构建的源映射在某处可用，以防开发人员需要对转储进行故障排除。更好的设置是使用特定的错误报告器运行，该报告器将堆栈刷新到后端，并将它们与源映射集成。

如果您真的想要提供简单的源代码调试，比如在您的个人网站上展示源代码，那么它会非常有用。由于它们通常比优化来源大几倍，因此您可以选择将它们作为单独的文件提供，仅在用户打开其开发人员工具时才下载，因此请使用{devtools: 'source-map'}。