专栏首页coding个人笔记node中的path模块

node中的path模块

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

(完)

本文分享自微信公众号 - coding个人笔记(gh_2ce38b49dae1),作者:wade

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-12-03

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 重新认识原型和原型链三

    知道了显式原型prototype和隐式原型__proto__,我们就能很好的知道原型链是什么东西了。

    wade
  • 数据类型判断Object.prototype.toString.call

    越学习越觉得基础的不牢固,不懂的,摸棱两可的,学了忘了的,在从入门到放弃的路上一直走着。今天分享一下数据类型判断的方法。

    wade
  • 重新认识原型和原型链二

    知道了prototype这个原型(也叫原型属性、原型对象,不要搞混了,原型、原型属性、原型对象都是同一个东西),我们还需要知道__proto__和constru...

    wade
  • 移动端点击事件全攻略,这里的坑你知多少?

    看标题的时候你可能会想,点击事件有什么好说的,还写一篇攻略?哈哈,如果你这么想,只能说明你too young to simple.

    前端博客 : alili.tech
  • Nodejs基础:路径处理模块path总结

    模块概览 在nodejs中,path是个使用频率很高,但却让人又爱又恨的模块。部分因为文档说的不够清晰,部分因为接口的平台差异性。 将path的接口按照用途归类...

    IMWeb前端团队
  • Spring Boot @EnableAutoConfiguration和 @Configuration的区别

    Spring Boot @EnableAutoConfiguration和 @Configuration的区别

    程序那些事
  • Nodejs基础:路径处理模块path总结

    https://segmentfault.com/a/1190000007471775

    前端博客 : alili.tech
  • Nodejs基础:路径处理模块path总结

    在nodejs中,path是个使用频率很高,但却让人又爱又恨的模块。部分因为文档说的不够清晰,部分因为接口的平台差异性。

    IMWeb前端团队
  • Android环境搭建,Android SDK下载

    安装JDK和Eclipse 安装Android SDK 安装ADT插件 最后收尾 目录 由于国内环境原因,Android开发环境搭建比较麻烦,在这里给出...

    timhbw
  • 解析网页速度比较(BeautifulSoup、PyQuery、lxml、正则)

    用标题中的四种方式解析网页,比较其解析速度。复习PyQuery和PySpider,PySpider这个项目有点老了,现在还是使用被淘汰的PhantomJS。 ...

    SeanCheney

扫码关注云+社区

领取腾讯云代金券