從 ES6 模塊解析到絕對 url 的相對路徑（在瀏覽器中）

Question

如何在 ES6 模塊（在瀏覽器中）中解析到絕對 url 的相對路徑？

例如：

base-url.com/
    |-resolve
    |   |-resolveUrl.js
    |-dir
        |-dir1
            |-module1.js
        |-dir2
            |-module2.js

模塊1.js

import resolveUrl from "../../../resolve/resolveUrl.js"
resolveUrl("../dir2/module2.js") // return 'base-url.com/dir/dir2/module2.js'

resolveUrl的實現是什么？

base-url.com/可能不是該網站的域。 它可以是只存儲源的回購協議。

Answer 1

🎉 您現在可以使用to-absolute-url 。

它在底層使用stacktrace.js來獲取調用者函數的絕對路徑文件：

感謝@PatrickRoberts提出使用堆棧跟蹤的想法，感謝@jfriend00提供使用URL對象的提示。

Answer 2

怎么樣

const a = document.createElement('a')

function resolveUrl(path) {
  a.href = path
  return a.href // magic happens
}