node中的path模块

wade

发布于 2020-04-24 09:57:17

7310

发布于 2020-04-24 09:57:17

文章被收录于专栏：coding个人笔记

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等，要是真遇见一些场景需要可以查文档。

（完）

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2019-12-03，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法