vue-cli在webpack配置中生成了大量的path.resolve和path.join，有些模糊。在网上找了半天，终于找到比较全面的文章。以下为原文：1.连接路径：path.join([path1][,path2][,...])path.join()方法可以连接任意数量的路径字符串。加入的多个路径可以作为参数传递。path.join()方法也会在加入路径时规范化路径。例如：varpath=require('path');//合法字符串连接path.join('/foo','bar','baz/asdf','quux','..')//connectionAfter'/foo/bar/baz/asdf'//an无效的字符串将抛出异常path.join('foo',{},'bar')//抛出的异常TypeError:Argumentstopath.joinmustbestrings'2.路径解析：path.resolve([from...],to)path.resolve()方法可以将多条路径解析为规范化的绝对??路径。它的处理方式类似于对这些路径一条一条进行cd操作。与cd操作不同的是，这导致路径是一个文件，并不需要实际存在（resolve()方法不会使用底层文件系统来判断路径是否存在，而只是路径字符串操作）。例如：path.resolve('foo/bar','/tmp/file/','..','a/../subfile')等同于cdfoo/barcd/tmp/file/cd..cda/../subfilepwd示例：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/itbilu/node，输出结果为'/home/itbilu/node/wwwroot/static_files/gif/image.gif'3.与constpath=require('path');比较让myPath=path.join(__dirname,'/img/so');//D:\myProgram\test\img\soletmyPath2=path.join(__dirname,'./img/so');//D:\myProgram\test\img\所以让myPath3=path.resolve(__dirname,'/img/so');//D:\img\soletmyPath4=path.resolve(__dirname,'./img/so');//D:\myProgram\test\img\soconsole.log(__dirname);//D:\myProgram\testconsole.log(myPath);//D:\myProgram\test\img\soconsole.log(myPath2);//D:\myProgram\test\img\soconsole.log(myPath3);//D:\img\so
console.log(myPath4);//D:\myProgram\test\img\so
