webpack打包时如何使用path.resolve(__dirname,实现相对路径解析？

本文共计612个文字，预计阅读时间需要3分钟。

目录 + Webpack 打包，配置中提到 `path.resolve(__dirname, dist)`，其中 `__dirname` 是什么意思呢？

`__dirname` 是 Node.js 环境中的一个全局变量，它表示当前正在执行的 JavaScript 文件的目录路径。简单来说，它指向了当前模块所在的目录。

在 `path.resolve(__dirname, dist)` 这行代码中，`path.resolve` 是 Node.js 的一个内置函数，用于将多个路径段合并为一个绝对路径。这里的用法是：

- `__dirname`：获取当前模块的目录路径。- `dist`：表示目标目录，通常是你想要将编译后的文件输出的目录。

所以，`path.resolve(__dirname, dist)` 的意思是：将当前模块所在目录与 `dist` 目录路径结合，得到一个指向 `dist` 目录的绝对路径。这样做可以确保在打包配置中使用的目录路径是正确的，不论当前模块文件位于项目的哪个位置。