node中的path模块

163 阅读2分钟

path模块,其实还是在webpack中用过一下下,至于node,还没开始用。这个模块算是基础,当作是预习一下。

path模块方法还是有几个的,这边只学习几个认为有必要、能用到的几个方法。

开始之前先看看两个输出:

console.log(__dirname);

E:\mydata\project\bootstrap\html\coding

dirname翻译过来是目录名,表示当前js所在文件夹的绝对路径

console.log(__filename);

E:\mydata\project\bootstrap\html\coding\node-path.js

表示当前js所在的绝对路径与文件名

一个是文件夹,一个是文件。

引入path模块都一样:

let path = require('path');

path.resolve:

webpack配置output的时候使用过,相当于cd命令:

console.log(path.resolve(__dirname, '../../', 'css', '../', 'html'))

已经知道了__dirname是当前js所在文件夹目录,所以是在coding文件夹里面,相当于下面的步骤:

cd E:\mydata\project\bootstrap\html\coding

cd ../../

cd css

cd ../

cd html

所以输出:

E:\mydata\project\bootstrap\htm

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'))//

返回后缀名,以.结尾返回.,无扩展名也无.则返回空。

path.parse:

console.log(path.parse('/html/coding/coding.html'))

输出:

{ 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:

返回文件名,其实就是最后的名字:

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

两个参数,第一个是路径,第二个是可选参数,表示不输出后缀名。

path.relative:

接收两个参数,(from, to),表示从from路径到to路径的相对路径:

console.log(path.relative('/html/coding/coding.html', '/css'))

......\css

path.join:

这个就是拼接两个路径,简单点说就是拼接字符串:

console.log(path.join('/html', 'coding'))

\html\coding

有一点比较重要,这个方法可以根据不同平台规范化路径,比如我电脑是Windows的,那么输出\,如果是Unix,就是/。

path.normalize:

字面上是规范路径,其实就是把尾巴不规范的去除:

console.log(path.normalize('/html/coding'))

\html\coding

console.log(path.normalize('/html/coding/'))

\html\coding\

console.log(path.normalize('/html/coding/.'))

\html\coding

console.log(path.normalize('/html/coding/coding.html/..'))

\html\coding

也就是能根据系统规范路径。

咋一看好像几个方法有些鸡肋,但是要考虑动态路径或者是根据系统操作等情况,这些方法就非常重要。

大概就这几个了,path模块还有好几个方法,比如delimiter、format、isabsolute、posix等,要是真遇见一些场景需要可以查文档。