ES6 模塊如何取得自身 URL？

模塊化的時(shí)候有這樣一個(gè)問(wèn)題。
通過(guò)自定義元素自制了一個(gè)滑塊，其中 Shadow DOM 的 CSS 通過(guò) @import 載入了一個(gè)外部的樣式表。就需要知道 URL。大概這樣：

// slider.js

const styleURL = "slider.css";

class SliderDiscrete extends HTMLElement {
    constructor () {
        super();

        const shadow = this.attachShadow({mode: 'open'});

        const style = document.createElement('style');
        style.innerText = `@import url(${styleURL})`;
        shadow.appendChild(style);
        ...
    }
    ...
}

export default SliderDiscrete;

// main.js

// Custom Element
import SliderDiscrete from './Components/slider/slider.js';
customElements.define('slider-discrete', SliderDiscrete);

我把 .css 和 .js 放在一起了。因?yàn)檫@樣看起來(lái)好像合理一些。然后，如果 main.js 不傳參，或者我自己不把路徑寫(xiě)進(jìn)去，slider.js 里的 SliderDiscrete 是不是就沒(méi)有辦法設(shè) URL 了呢？

不是。網(wǎng)上變來(lái)的奇技淫巧有，搞一個(gè) Error 對(duì)象。

const getFunctionLocation = function pathToTheScript() {
    const error = 0;
    const rgx = /(?:http|https|file):\/\/.*?\/.+?.js/;
    try {
        error.foo();
    } catch (e) {
        return rgx.exec(e.stack)[0];
    }
}

getFunctionLocation(); // "http://127.0.0.1/Components/slider/slider.js"

Chrome 在 Function 里面，有一個(gè) [[FunctionLocation]]，不知道能不能 直接 / 間接 獲取。

現(xiàn)在是 2018 年了。ES9 都得學(xué)了。有什么新方法嗎？

Stack Overflow 上的此類(lèi)問(wèn)題：

• How to get the file-path of the currently executing javascript code
• What is my script src URL?
• JavaScript - How do I get the URL of script being called?
• How to get the absolute path of the current javascript file name