Node.js 和 Vite 配置文件中`__dirname`

在 Node.js 和 Vite 配置文件中，__dirname 是一个全局变量，表示当前模块的目录名。具体来说：

1. Node.js 中的 __dirname

• 在 Node.js 环境中，__dirname 表示当前正在执行的 JavaScript 文件所在的目录的绝对路径。
• 它是一个字符串，包含了当前文件所在的完整目录路径。

示例：

假设你有一个文件结构如下：

/project
  /src
    index.js
  vite.config.ts

在 vite.config.ts 文件中使用 __dirname：

console.log(__dirname); // 输出: /project

---

2. Vite 配置中的 __dirname

• 在 Vite 配置文件（如 vite.config.ts）中，__dirname 同样表示当前配置文件所在的目录。
• 这个值通常用于构建路径别名（如 @ 别名），以便在项目中更方便地引用文件。

示例代码：

import { defineConfig } from 'vite'
import path from 'path'

export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  }
})

在这个例子中：

• __dirname 表示 vite.config.ts 所在的目录。
• path.resolve(__dirname, 'src') 将 src 目录解析为绝对路径。

假设 vite.config.ts 的路径是 /project/vite.config.ts，那么 @ 别名将被解析为 /project/src。

---

3. 用途

• 路径别名：在大型项目中，使用路径别名可以简化文件导入路径，提高代码可读性和维护性。
• 构建工具配置：在 Vite、Webpack 等构建工具的配置文件中，__dirname 常用于设置工作目录、输出目录等。

---

总结

__dirname 是一个全局变量，表示当前模块的目录名。在 Vite 配置文件中，它通常用于构建路径别名，帮助简化文件导入路径和提高代码可维护性。