path.join 与 path.resolve 的区别

[Rashomon511]

一.path.join(path1，path2，path3.......) 作用：将路径片段使用特定的分隔符（window：\）连接起来形成路径，并规范化生成的路径。若任意一个路径片段类型错误，会报 二.path.resolve([from...],to) 作用：把一个路径或路径片段的序列解析为一个绝对路径。相当于执行cd操作

以webpack中webpack.config.js配置路径为例

const DIST_DIR = path.resolve(__dirname, '../dist');  // 设置静态访问文件路径
const DIST_DIRs = path.join(__dirname, '/dist'); 

console.log(__dirname) // ...../React-Whole-barrels/build 即当前文件夹的绝对路径
console.log(DIST_DIR) // ..../React-Whole-barrels/dist  这是相对于当前文件夹的另一个文件的路径
console.log(DIST_DIRs) //...../React-Whole-barrels/build/dist 这是将两个路径连接起来