使用“webdev build”時如何啟用源 map 生成？

Question

使用 Dart 2 和webdev build命令時，我得到一個build/main.dart.js文件。 在這個文件的最后，有一條注釋指向來源map：

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

但是，此文件不存在。 如何讓 .map 文件和 Dart 源文件顯示在構建目錄中，以便 Chrome devtools 可以看到它們？

Answer 1

根據webdev build的文檔，您應該使用webdev build --no-release 。 （但這將使用DDC編譯器。）

更新信息 ：默認情況下， webdev build in release模式將刪除所有* .js.map文件，因此您可以將build.yaml文件放在項目根文件夾中以停用dart清理源。

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

Answer 2

我的問題沒有確切的答案。 我最終手動調用dart2js來獲取未經編碼的代碼。

dart2js -o app.js web / app.dart

Answer 3

我能夠在.dart_tool\build\generated\{PROJECT}\web\main.dart.js.map中使用生成的文件作為我的 main.dart.js 的源代碼main.dart.js 。 只需將文件復制到 web 構建目錄的位置，然后重新加載頁面。

（網絡開發：v2.7.10）