__dirname 、path.resolve()

__dirname 总是指向被执行 js 文件的绝对路径

比如你在 /a1/a2/test.js文件里写代码,那么此时__dirname就是/a1/a2

__filename指定的是绝对文件路径

path.join()方法是将多个参数字符串合并成一个路径字符串

如果当前文件的路径是D:/test/1,

path.join(__dirname,'a','b') 拼接出来就是D:/test/1/a/b

path.join(__dirname,'/a','/b','..') 拼接出来的结果是:D:/test/1/a 其中路径开头的/不会影响拼接,..代表父级

path.join(__dirname,'a',{},'b') 会抛出错误:Path must be a string 因为字符串不合法

path.resolve([from...],to) 方法 以程序为根目录,作为起点(如果有/以/代表绝对路径根目录,以/为起点),普通字符串代表子目录,从右往左开始根据参数解析出一个绝对路径

from                     源路径
to                         将被解析到绝对路径的字符串

如果当前文件的路径是D:/test/1,

path.resolve()   拼接出来就是应用程序启动文件的目录(当前执行文件绝对路径) D:\test\1

path.resolve('a','/c')   拼接出来就是D:\c

path.resolve('/foo','/bar','baz')   拼接出来就是D:\bar\baz 

path.resolve('/foo/bar', './baz')     拼接出来就是 D:\foo\bar\baz

因为/斜杠代表根目录,所以一般拼接时需要小心使用/斜杠

path.resolve(__dirname,'img/so')   拼接出来就是D:\test\1\img\so 就是将文件路径拼接,并不管这个路径是否真实存在

path.resolve('www', 'imgs/png/', '../abc/image.jpg')    拼接出来就是D:\test\1\www\imgs\abc\image.jpg

因为开始的字符串不是以/开头的,所以这是用当前应用程序启动文件绝对路径与后面所有字符串拼接的,..代表上一级目录

上一篇:react webpack配置组件路径引用 @与自定义


下一篇:ES6 事件循环机制