在使用 Node 的过程中,我们会使用 Node 来访问文件路径,读取和写入文件,今天我们来看一下 Node 的 Path
的基本属性。
path - 获取文件信息
Node 的 path
模块可以获取文件的一些基本信息,使用过程如下
import path from ('node:path')
const vueComponent = "/users/workspace/src/hello_world.vue"
path.dirname(vueComponent) // /user/workspace/src
path.basename(vueComponent) // hello_world.vue
path.extname(vueComponent) // .vue 注意.也会返回
以上我们会获得一个根文件路径,文件全部名称,及文件扩展名这三种属性。
path.join()
有时,我们也会选择拼接文件路径,拼接路径可以使用 path.join()
方法,具体用法如下:
path.join(process.cwd(), '/src', '/assets', 'icon.svg')
我们在第一个参数的基础上,不断在后传递参数,进行叠加拼接。
拼接路径还有一种方法,使用 path.resolve()
,但准确来说,resolve
是计算路径,并且是根据绝对路径来进行计算。下面我们来说一下 path.resolve()
的使用方法。
path.resolve()
path.resolve('Hello.vue') // user/workspace/src/Hello.vue 注意这里不需要加上 /
resolve
和 join
在参数叠加上很类似,在多个参数的情况下,前面的参数是后面参数的 base。比如:
path.resolve('assets', 'icon.svg') // user/workspace/src/assets/icon.svg
如果传递给 resolve
的第一个参数是以 /
开头,则是绝对路径,比如
path.resolve('/username', 'Hello.vue') // user/Hello.vue
path.normalize
normalize
的特点是可以计算 .
或者 ..
。比如
path.normalize('user/workspace/../doc') // user/doc 因为 .. 和 / 抵消
以上就是 Node 的 path
模块常用的几种方法~