使用“webdev build”时如何启用源映射生成？答案

【问题标题】：How do I enable source map generation when using "webdev build"?使用“webdev build”时如何启用源映射生成？
【发布时间】：2019-01-03 10:55:02
【问题描述】：

当使用 Dart 2 和 webdev build 命令时，我得到一个 build/main.dart.js 文件。在这个文件的最后，有一条注释指向源图：

//# sourceMappingURL=main.dart.js.map

但是，此文件不存在。如何让 .map 文件和 Dart 源文件显示在构建目录中，以便 Chrome 开发工具能够看到它们？

【问题讨论】：

标签： dart

【解决方案1】：

根据webdev build的文档，你应该改用webdev build --no-release。（但这将使用 DDC 编译器。）

更新信息：默认情况下，webdev build 在发布模式下会删除所有 *.js.map 文件，因此您可以在项目根文件夹中放置一个 build.yaml 文件来停用 dart 清理源。

例如，（build.yaml 文件） targets: $default: builders: build_web_compilers|dart_source_cleanup: release_options: enabled: false

【讨论】：

【解决方案2】：

对于您的问题，我没有确切的答案。我最终手动调用 dart2js 来获取未缩小的代码。

dart2js -o app.js web/app.dart

【讨论】：