Question

我正在尝试使用<script type="module">访问我想要相对于脚本文件引用的文件。通常，如果没有type =“module”，人们似乎正在查找脚本标记并使用其src属性来获取路径，但使用导入后这显然是不可能的。

情景大致如下：

文件结构：

js/
    script.js
    other/
        imported.js
index.html

的index.html：

<html><head><script type="module" src="js/script.js"></script></head></html>

的script.js

import "other/imported.js";

imported.js

// ??? should with some code magic become "js/other/imported.js" or similar
console.log("The path to this script is: " + "???");

我在某处讨论了使用document.currentScript时null为type="module"的原因，因为他们想找出更好的选择。我想这个替代方案尚未推出？

那么，回顾一下，使用上面的文件结构，如何动态地找到该脚本中js / other / imported.js的路径？

Answer 1

将近两年后要回答我自己的问题，现在有一个名为import.meta的东西，用于提供有关当前模块的任意信息。在这种情况下，import.meta.url就是我想要的东西。