我在使用 Node 和 Figwheel,注意到一个带时间戳的源代码映射的 bug。当设置 {{:source-map-timestamp}} 编译器标志时,{{sourceMappingURL}} 将设为 {{source.js.map?timestamp}}。
这在前端浏览器中运行良好,但在从文件系统中加载文件的 Node 中会损坏。看起来一个简单的解决方案是检查 {{:target}} 是否为 {{:node}},然后输出如下内容:{{source.js.timestamp.map}} 并将其直接用作 {{sourceMappingURL}} 的值。
以下是我对 {{cljs.compiler/emit-source-map}} 本地修改,允许在节点使用时间戳时解析源映射
{code:title=emit-source-map}
(defn emit-source-map [src dest sm-data opts]
(let [timestamp (System/currentTimeMillis)
filename (str (.getPath ^File dest)
(when (and
(true? (:source-map-timestamp opts))
(= (:target opts) :nodejs))
(str "." timestamp))
".map")
sm-file (io/file filename)]
(if-let [smap (:source-map-asset-path opts)]
(emits "\n//# sourceMappingURL=" smap
(string/replace (util/path sm-file)
(str (util/path (io/file (:output-dir opts))))
"")
(if (and (true? (:source-map-timestamp opts))
(not= (:target opts) :nodejs))
(str
(if-not (string/index-of smap "?") "?" "&")
"rel=" timestamp)
""))
(emits "\n//# sourceMappingURL="
(or (:source-map-url opts) (.getName sm-file))
(if (and (true? (:source-map-timestamp opts))
(not= (:target opts) :nodejs))
(str "?rel=" timestamp)
"")))
(spit sm-file
(sm/encode {(url-path src) (:source-map sm-data)})
{:lines (+ (:gen-line sm-data) 2)}
:file (/url-path dest)
:source-map-path (:source-map-path opts)
:source-map-timestamp (:source-map-timestamp opts)
:source-map-pretty-print (:source-map-pretty-print opts)
:relpaths {(util/path src)
(util/ns->relpath (first (:provides opts)) (:ext opts)))}