ES6 獲取模塊內模塊的路徑

Question

我怎樣才能獲得模塊內的模塊路徑？ 我使用 babel 和 webpack 為瀏覽器創建包。

我預計

/src/someModule/index.js

console.log(`someModule path is ${process.execPath}`);

在瀏覽器中輸出someModule path is /home/user/proj/src/someModule

或someModule path is /src/someModule

Answer 1

目前還沒有辦法訪問 ES6 模塊內的模塊路徑。 這是一個已知問題，並且有一個關於import.meta屬性import.meta的第 3 階段提案，該屬性解析為具有相應信息的對象。 在此處閱讀更多相關信息。

也就是說，webpack bundler確實支持 Node 的__dirname ，參見例如webpack或Webpack 中的當前文件路徑不能使用 __dirname？ .

Answer 2

現在所有現代瀏覽器都支持import.meta是的！

// /es6/someFile.js
console.log(import.meta);

輸出：

{url: "https://yourdomain.com/es6/someFile.js"}

（盡管 OP 詢問了 webpack，但我相信這個信息對很多來這里的人有用）