学习webpack时遇到path.resolve()
:
webpack.config.js:
output: {
filename: '[name].bundle.js',
//把一个路径或路径片段的序列解析为一个绝对路径
path: path.resolve(__dirname,'dist')
},
然后去看了node.js文档发现还是不理解,它的解释是:
path.resolve()
方法会把一个路径或路径片段的序列解析为一个绝对路径。
给定的路径的序列是从右往左被处理的,后面每个path
被依次解析,直到构造完成一个绝对路径。 例如,给定的路径片段的序列为:/foo
、/bar
、baz
,则调用path.resolve('/foo', '/bar', 'baz')
会返回/bar/baz
。
给的例子有:
path.resolve('/foo/bar', './baz');
// 返回: '/foo/bar/baz'
path.resolve('/foo/bar', '/tmp/file/');
// 返回: '/tmp/file'
path.resolve('wwwroot', 'static_files/png/', '../gif/image.gif');
// 如果当前工作目录为 /home/myself/node,
// 则返回 '/home/myself/node/wwwroot/static_files/gif/image.gif'
我的理解是像拼接字符串一样从右到左将参数拼成一个绝对路径,但是给出的每一个例子都完全不符合这个理解,然后看了一篇path的join和resolve的使用区别后的理解可以解释这些例子:
path.resolve([…paths])里的每个参数都类似在当前目录执行一个cd
操作,从左到右执行,返回的是最后的当前目录,
这样理解才和文档中的例子对上号,例如:
path.resolve('/foo/bar','./baz');
相当于:
cd /foo/bar //此时当前路径为 /foo/bar
cd ./baz //此时路径为 /foo/bar/baz
path.resolve('/foo/bar', '/tmp/file/');
相当于:
cd /foo/bar //此时路径为 /foo/bar
cd /tmp/file/ //此时路径为 /tmp/file
path.resolve('wwwroot', 'static_files/png/', '../gif/image.gif');
// 如果当前工作目录为 /home/myself/node,相当于:
cd wwwroot //此时路径为/home/myself/node/wwwroot
cd static_files/png/ //此时路径为/home/myself/node/wwwroot/static_files/png/
cd ../gif/image.gif //这里用cd描述其实是不对的。。。。此时路径为/home/myself/node/wwwroot/static_files/gif/image.gif
这样就可以解释文档里的例子,但是也不确定到底对不对。