开发工具

此选项控制是否以及如何生成源映射。

使用源地图开发工具插件用于更细粒度的配置。请参阅source-map加载程序处理现有的源映射。

开发工具

string=“eval” 假

选择的样式源映射以增强调试过程。这些值会显著影响构建和重建速度。

其中一些值适合开发，另一些适合生产。对于开发，您通常希望以包大小为代价获得快速的源映射，但对于生产，您需要准确且支持最小化的单独源映射。

质量

捆绑代码-您将所有生成的代码视为一大块代码。您不会看到模块彼此分离。

生成的代码-您可以看到每个模块彼此分离，并用模块名称进行注释。您可以看到由webpack生成的代码。示例：代替从“模块”导入{test}；测试（）；你看到了类似这样的东西var模块_WEBPACK_IMPORTED_module_1__=__WEBPACK_require__（42）；模块_WEBPACK_IMPORTED_module_1__.a（）；.

转换后的代码-您可以看到每个模块彼此分离，并用模块名称进行注释。您可以在webpack转换它之前看到代码，但在Loaders转换它之后看到代码。示例：代替从“模块”导入{test}；类扩展测试{}你看到了类似这样的东西从“模块”导入{test}；var A=函数（_test）{…}（test）；

原始来源-您可以看到每个模块彼此分离，并用模块名称进行注释。您可以在编译之前看到您编写的代码。这取决于Loader支持。

没有源内容-源地图中不包括源的内容。浏览器通常尝试从Web服务器或文件系统加载源代码。你必须确保设置输出.devtoolModule文件名模板正确匹配源url。

（仅限线条）-源映射简化为每行一个映射。这通常意味着每个语句只有一个映射（假设您是这样编写的）。这可以防止在语句级别调试执行，并防止在行的列上设置断点。与最小化结合是不可能的，因为最小化通常只发射一条线。

发展

以下选项非常适合开发：

评估-每个模块都使用评估（）和//#源URL这很快。主要缺点是它不能正确地显示行号，因为它被映射到编译代码而不是原始代码（Loader中没有源映射）。

评估-源-映射-每个模块都使用评估（）并且将SourceMap作为DataUrl添加到评估（）。最初速度较慢，但它提供了快速重建速度并生成真实文件。行号被正确映射，因为它被映射到原始代码。它产生了用于开发的最佳质量的SourceMap。

eval-cheap-source-map-类似于eval源映射，每个模块都用评估（）它“便宜”，因为它没有列映射，只映射行号。它忽略Loaders中的SourceMaps，只显示与评估开发工具。

eval-cheap-module-source-map-类似于eval-cheap-source-map但是，在这种情况下，会处理Loader的源映射以获得更好的结果。然而，Loader Source Maps被简化为每行一个映射。

特殊情况

以下选项不适合开发或生产。它们是一些特殊情况下所需要的，例如一些第三方工具。

内联源映射-SourceMap作为DataUrl添加到捆绑包中。

廉价资源-地图-没有列映射的SourceMap忽略加载器源映射。

内联-中文-源-映射-类似于廉价资源-地图但SourceMap作为DataUrl添加到捆绑包中。

cheap-module-source-map-没有列映射的SourceMap，可以将加载程序SourceMaps简化为每行一个映射。

内联-跨模块-源映射-类似于廉价模块源映射但SourceMap作为DataUrl添加到捆绑包中。

生产

这些选项通常用于生产：

（无）（省略开发工具选项或集合devtool:错误)-未发出SourceMap。这是一个很好的选择。

源映射-完整的SourceMap作为单独的文件发出。它向包中添加了一个参考注释，以便开发工具知道在哪里可以找到它。

隐藏源地图-与相同源映射，但不向捆绑包添加引用注释。如果您只希望SourceMaps映射错误报告中的错误堆栈跟踪，但不希望将SourceMap公开给浏览器开发工具，则此功能非常有用。

无源-源-map-创建SourceMap时没有源内容它可以用于映射客户端上的堆栈跟踪，而不必公开所有源代码。您可以将源映射文件部署到Web服务器。