支持编译器选项 :inline-source-maps

Question

1. 重构 emit-source-map 并将其拆分为多个函数
2. 修复相对路径计算逻辑（见 strip-prefix-path）
3. 添加 :inline-source-maps 选项支持
4. 添加测试

相关：CLJS-1402, CLJS-1901

Answer 1

评论者：darwin

补丁
https://github.com/darwin/clojurescript/commit/de1da63072c8049b9812d41cce750e5a972c0b0b.patch
https://github.com/darwin/clojurescript/commit/2389fb7839a18299d842d381b135a669a7091869.patch
https://github.com/darwin/clojurescript/commit/3ba594d8c7215ef8c8276737b7e5d8008c6b3a98.patch

Answer 2

评论者：darwin

全面审查： https://github.com/clojure/clojurescript/compare/darwin:inline-source-maps~3...darwin:inline-source-maps

请注意，第一个补丁测试原始功能时，在一个测试中失败，因为 :source-map-url 的情况中存在时间戳格式化错误
https://github.com/clojure/clojurescript/compare/master...darwin:inline-source-maps#diff-55b85385d2d0bfb6dc20d59ed982d5c8L1239

Answer 3

评论者：darwin

今天在测试Dirac时，我意识到我们还需要嵌入源代码的内容。

额外的补丁
https://github.com/darwin/clojurescript/commit/c1df38f14a33d02fe2d421f80db0b421b17286bb.patch

新审查URL: https://github.com/darwin/clojurescript/compare/inline-source-maps~4...darwin:inline-source-maps

在DevTools中测试过，效果像魔法般神奇。

Answer 4

评论者：skrat

这对我们来说也会很有帮助。

Answer 5

_评论者：arichiardi_

通过[这篇教程|https://yogthos.net/posts/2016-12-26-MacchiatoDebugging.html]，我也遇到了这个问题。

没有这个补丁[或Dirac的复杂设置|https://github.com/binaryage/dirac-sample/blob/06321f53a34db73c1e9165c2b355e6e20b65ed14/project.clj#L86]，目前无法使用 {{node --inspect}} 并正确地进行调试。我们在看到的症状是，源映射已被检测到，但出于某种原因，Chrome DevTools没有在树视图中显示它们。

其中一个的内容是


  {"version":3,"file":"\/Users\/user\/cqrs-engine-cljs\/out\/cqrs\/event_store.js","sources":["event_store.cljs"], ...

Answer 6

评论者：dnolen

在JIRA之外链接补丁不适用于工单。请直接向此工单添加单个压缩补丁。

Answer 7

评论者：darwin

已将其作为补丁文件附加。

已将https://github.com/darwin/clojurescript/compare/inline-source-maps~4...darwin:inline-source-maps.diff应用到当前主分支上。它干净地应用了，没有冲突。我的机器上的测试仍在通过。

Answer 8

评论者：mfikes

补丁不再应用；需要重新基准化。

Answer 9

评论者：darwin

在开发Chrome扩展时，又遇到了source-maps破损的问题（链接：1）。可能是由于Chrome对Chrome DevTools "可见性"增加了一些安全限制。

网上有些人声称内联source-maps是一个可能的解决方案
https://stackoverflow.com/a/54761431/84283

（链接：1） https://bugs.chromium.org/p/chromium/issues/detail?id=931675

Answer 10

评论者：dnolen

只是注明一下，我同意提出的建议。请重新设置补丁基线，我将在近期内进行审查。

Answer 11

评论者：darwin

谢谢。我将在本周尝试查找。

Answer 12

评论者：darwin

• rebase
• 确保冲突的提交没有丢失： https://github.com/clojure/clojurescript/commit/62926332a78e89935f5aa263195fc29cc297c3b7
• 使用java.util Base64编码器代替javax.xml.bind.DatatypeConverter

Answer 13

评论者：mfikes

CLJS-1902-2.patch在CI中失败（x）

特别是它在Windows下会失败。

以下是一个失败实例

在(test-external-source-maps)测试中失败（source_maps_tests.clj:79） 1103source maps with :source-map-asset-path under :none optimizations 1104期望：（check-file (build-result out "main.js") ["sourceMappingURL=https://127.0.0.1:1234/some/path/source_maps/main.js.map" (! "rel=")]) 1105实际：（not (check-file "C:\\Users\\appveyor\\AppData\\Local\\Temp\\1\\cljs-tests-source-maps-build\\source-maps-onone-source-map-asset-path\\source_maps\\main.js" ["sourceMappingURL=https://127.0.0.1:1234/some/path/source_maps/main.js.map" #object[cljs.source_maps_tests.NegativeCheck 0x38c5d3ae "negative check for 'rel=' (class java.lang.String)"]]))

CI失败日志及其他实例： https://ci.appveyor.com/project/mfikes/clojurescript/builds/24471651

Answer 14

评论者：darwin

我查看了那个窗口构建，失败测试中的 sourceMappingURL 看起来是这样（注意混合斜杠）

//# sourceMappingURL=https://127.0.0.1:1234/some/path\source_maps\main.js.map

问题在于现有代码使用了 {{util/path}}，它是依赖于操作系统的，并且在 Windows 下生成反向斜杠，我的补丁没有修改这个代码分支
https://github.com/clojure/clojurescript/blob/47386d7c03e6fc36dc4f0145bd62377802ac1c02/src/main/clojure/cljs/compiler.cljc#L1473

我想我们有两种可能的解决方案
1. 保持现有的行为不变，并使我的测试接受混合斜杠
2. 新增只用正斜杠，保持我的测试不变，并在下一个版本中宣布这是一个可能破坏性的更改

在我看来，方案2是更好的前进方式。我相信混合斜杠可以工作，因为浏览器比较宽容，会将反斜杠视为正斜杠来处理源映射。这种改变可能会有很小的几率破坏现有的代码，这取决于 clojurescript 生成含反斜杠的imations sourceMappingURL 的具体方式。

我将留给你考虑。然后根据你的决定继续前进。

Answer 15

参考： https://clojure.atlassian.net/browse/CLJS-1902（由 darwin 提出）