path模块,其实还是在webpack中用过一下下,至于node,还没开始用。这个模块算是基础,当作是预习一下。
path模块方法还是有几个的,这边只学习几个认为有必要、能用到的几个方法。
开始之前先看看两个输出:
代码语言:javascript复制console.log(__dirname);
E:mydataprojectbootstraphtmlcoding
dirname翻译过来是目录名,表示当前js所在文件夹的绝对路径
代码语言:javascript复制console.log(__filename);
E:mydataprojectbootstraphtmlcodingnode-path.js
表示当前js所在的绝对路径与文件名
一个是文件夹,一个是文件。
引入path模块都一样:
代码语言:javascript复制let path = require('path');
path.resolve:
webpack配置output的时候使用过,相当于cd命令:
代码语言:javascript复制console.log(path.resolve(__dirname, '../../', 'css', '../', 'html'))
已经知道了__dirname是当前js所在文件夹目录,所以是在coding文件夹里面,相当于下面的步骤:
代码语言:javascript复制cd E:mydataprojectbootstraphtmlcoding
cd ../../
cd css
cd ../
cd html
所以输出:
代码语言:javascript复制E:mydataprojectbootstraphtm
path.extname:
console.log(path.extname('a.vue'))//vueconsole.log(path.extname('b.js'))//jsconsole.log(path.extname('c.html'))//htmlconsole.log(path.extname('d.'))//.console.log(path.extname('e'))//
返回后缀名,以.结尾返回.,无扩展名也无.则返回空。
代码语言:javascript复制path.parse:
console.log(path.parse('/html/coding/coding.html'))
输出:
代码语言:javascript复制{ root: '/',//跟目录 dir: '/html/coding',//当前文件所在路径
base: 'coding.html',//文件名 ext: '.html',//文件后缀名 name: 'coding'//当前文件所在文件夹名}
path.dirname:
dirname方法和__dirname有点相同,返回当前文件或者文件夹所在目录:
console.log(path.dirname('/html/coding/coding.html'))
/html/coding
console.log(path.dirname('/html/coding'))
/html
path.basename:
返回文件名,其实就是最后的名字:
代码语言:javascript复制console.log(path.basename('/html/coding/coding.html', '.html'))
coding
console.log(path.basename('/html/coding/coding.html'))
coding.html
console.log(path.basename('/html/coding'))
coding
两个参数,第一个是路径,第二个是可选参数,表示不输出后缀名。
代码语言:javascript复制path.relative:
接收两个参数,(from, to),表示从from路径到to路径的相对路径:
代码语言:javascript复制console.log(path.relative('/html/coding/coding.html', '/css'))
......css
path.join:
这个就是拼接两个路径,简单点说就是拼接字符串:
代码语言:javascript复制console.log(path.join('/html', 'coding'))
htmlcoding
有一点比较重要,这个方法可以根据不同平台规范化路径,比如我电脑是Windows的,那么输出,如果是Unix,就是/。
代码语言:javascript复制path.normalize:
字面上是规范路径,其实就是把尾巴不规范的去除:
代码语言:javascript复制console.log(path.normalize('/html/coding'))
htmlcoding
console.log(path.normalize('/html/coding/'))
htmlcoding
console.log(path.normalize('/html/coding/.'))
htmlcoding
console.log(path.normalize('/html/coding/coding.html/..'))
htmlcoding
也就是能根据系统规范路径。
咋一看好像几个方法有些鸡肋,但是要考虑动态路径或者是根据系统操作等情况,这些方法就非常重要。
大概就这几个了,path模块还有好几个方法,比如delimiter、format、isabsolute、posix等,要是真遇见一些场景需要可以查文档。
(完)