Path.resolve() Webpack

path.resolve() 方法会将路径或路径片段的序列解析为绝对路径。

var path = require("path")//引入node的path模块path.resolve('/foo/bar', './baz')// returns '/foo/bar/baz' path.resolve('/foo/bar', 'baz')// returns '/foo/bar/baz' path.resolve('/foo/bar', '/baz')// returns '/baz' path.resolve('/foo/bar', '../baz')// returns '/foo/baz' path.resolve('home','/foo/bar', '../baz')// returns '/foo/baz' path.resolve('home','./foo/bar', '../baz')// returns '/home/foo/baz' path.resolve('home','foo/bar', '../baz')// returns '/home/foo/baz'

从后向前，若字符以 / 开头，不会拼接到前面的路径(因为拼接到此已经是一个绝对路径)；
若以 ../ 开头，拼接前面的路径，且不含最后一节路径；
若以 ./ 开头或者没有符号则拼接前面路径；

webpack中resolve用法
举例：引入vue.esm.js

resolve: { extensions: ['.js', '.vue', '.json'], alias: {//alias配置项通过别名来把原导入路径映射成一个新的导入路径。这样做可能会命中太多的导入语句，alias 还支持 $ 符号来缩小范围到只命中以关键字结尾的导入语句： 'vue$': 'vue/dist/vue.esm.js',// 把导入语句里的vue$关键字替换成vue/dist/vue.esm.js 。vue$只会命中以vue结尾的导入语句，即只会把import 'vue'关键字替换成import 'vue/dist/vue.esm.js' 。 '@': resolve('src'), } },

【Path.resolve()】Path.join([path1],[path2])连接路径