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

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):