支持编译器选项: :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 Developers Tools中看到的是源映射已被检测到，但不知何故Chrome Developers Tools并没有在“TreeView”中显示它们。

其内容之一是


  {"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并将其应用于当前master。未出现冲突，测试在我的机器上仍在通过。

Answer 8

评论由：mfikes发表

补丁不再适用；需要重新基线。

Answer 9

评论者：darwin

最近在开发Chrome扩展时，源映射再次损坏（链接：1）。可能是由于Chrome添加了一些安全限制，允许Chrome DevTools“查看”的内容。

互联网上的一些人声称内联源映射是一个可能的解决方案
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

• 重新合并
• 确保冲突的提交不会丢失：https://github.com/clojure/clojurescript/commit/62926332a78e89935f5aa263195fc29cc297c3b7
• 使用java.util Base64编码器而不是javax.xml.bind.DatatypeConverter

Answer 13

评论由：mfikes发表

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

特别是在Windows下失败。

以下是失败的一个实例

FAIL在(test-external-source-maps)（source_maps_tests.clj:79）1103source maps with :source-map-asset-path under :none optimizations 1104expected: (check-file (build-result out "main.js") ["sourceMappingURL=https://127.0.0.1:1234/some/path/source_maps/main.js.map" (! "rel=")]) 1105 actual: (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

我调查了那个Windows构建版本，失败的测试中的 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是更好的前进方式。我相信混合斜杠有效，因为浏览器很宽容，将反斜杠视为正斜杠处理源映射。这种变化会有一点点机会破坏现有的代码，这取决于关闭jsrclj到目前为止生成带反斜杠的 sourceMappingURL 的具体方式。

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

Answer 15

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