从 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
}