esm中使用__dirname与__filename_esm dirname-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_54607676/article/details/135484549

本文介绍了如何在ESM（模块系统）中使用`import.meta.url`获取当前模块的文件路径，然后通过`fileURLToPath`和`node:path`模块的方法获取`__dirname`和`__filename`，以及如何使用`basename`和`join`进行路径操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ESM中的__dirname ; __filename

import.meta.url
import.meta 包含当前模块的一些信息，其中 import.meta.url 表示当前模块的 file: 绝对路径，拿到这个绝对路径我们就可以配合其他 API 来实现 __filename 和 __dirname。
```
console.log(import.meta.url);
// 运行会得到一个基于 file 协议的 URL：file:///D:/%E5%AD%A6%E4%B9%A0%E6%9D%82%E4%B8%83%E6%9D%82%E5%85%AB/ffPra/demo2/require.js
```

fileURLToPath
接下来需要把 file 协议转换成路径，我们需要借助 Node.js 内部 url 模块的 fileURLToPath API。

import { fileURLToPath } from "node:url";

console.log(fileURLToPath(import.meta.url));
//D:\学习杂七杂八\ffPra\demo2\require.js

__filename; __dirname
通过import.meta.url和fileURLToPath我们很容易得到__filename API;

import { dirname } from "node:path";
const __filename = fileURLToPath(import.meta.url);

//我们已经拿到了__filename的值，实现__dirname,借助Node.js的内部模块path的dirname方法实现；
const __dirname = dirname(__filename);
console.log(__dirname);
//D:\学习杂七杂八\ffPra\demo2

basename 获取当前文件

import { basename } from "node:path";

const __basename = basename(__filename);
console.log("__basename:", __basename);
//__basename: require.js

//join 拼接文件路径

import { join } from "node:path";
const newPath = join(__dirname, "new.js");
console.log(newPath);
//D:\学习杂七杂八\ffPra\demo2\new.js