初识 Node.js 丨path 路径模块

Posted 黑马程序员官方

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初识 Node.js 丨path 路径模块相关的知识,希望对你有一定的参考价值。

一. path 路径模块

1.1 什么是 path 路径模块

  • path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理需求。

例如:

  • path.join() 方法,用来将多个路径片段拼接成一个完整的路径字符串
  • path.basename() 方法,用来从路径字符串中,将文件名解析出来

如果要在 javascript 代码中,使用 path 模块来处理路径,则需要使用如下的方式先导入它:

1.2 路径拼接

1. path.join() 的语法格式

使用 path.join() 方法,可以把多个路径片段拼接为完整的路径字符串,语法格式如下:

 参数解读:

  • ...paths <string> 路径片段的序列
  • 返回值: <string>

2. path.join() 的代码示例

使用 path.join() 方法,可以把多个路径片段拼接为完整的路径字符串:

 注意:今后凡是涉及到路径拼接的操作,都要使用 path.join() 方法进行处理。不要直接使用 + 进行字符串的拼接。

1.3 获取路径中的文件名

1. path.basename() 的语法格式

使用 path.basename() 方法,可以获取路径中的最后一部分,经常通过这个方法获取路径中的文件名,语法格式如下:

 参数解读:

  • path <string> 必选参数,表示一个路径的字符串
  • ext <string> 可选参数,表示文件扩展名
  • 返回: <string> 表示路径中的最后一部分

2. path.basename() 的代码示例

使用 path.basename() 方法,可以从一个文件路径中,获取到文件的名称部分:

1.4 获取路径中的文件扩展名

1. path.extname() 的语法格式

使用 path.extname() 方法,可以获取路径中的扩展名部分,语法格式如下:

  • 参数解读:
  • path <string>必选参数,表示一个路径的字符串
  • 返回: <string> 返回得到的扩展名字符串

2. path.extname() 的代码示例

使用 path.extname() 方法,可以获取路径中的扩展名部分:

1.5 综合案例 - 时钟案例

1. 案例要实现的功能

 将素材目录下的 index.html 页面, 拆分成三个文件,分别是:

  • index.css
  • index.js
  • index.html

并且将拆分出来的 3 个文件,存放到 clock 目录中。

2. 案例的实现步骤

  • ① 创建两个正则表达式,分别用来匹配 <style> 和 <script> 标签
  • ② 使用 fs 模块,读取需要被处理的 HTML 文件
  • ③ 自定义 resolveCSS 方法,来写入 index.css 样式文件
  • ④ 自定义 resolveJS 方法,来写入 index.js 脚本文件
  • ⑤ 自定义 resolveHTML 方法,来写入 index.html 文件
3. 步骤1 - 导入需要的模块并创建正则表达式

步骤2 - 使用 fs 模块读取需要被处理的 html 文件

 步骤3 – 自定义 resolveCSS 方法

步骤4 – 自定义 resolveJS 方法

 

步骤5 – 自定义 resolveHTML 方法

案例的两个注意点

① fs.writeFile() 方法只能用来创建文件,不能用来创建路径

② 重复调用 fs.writeFile() 写入同一个文件,新写入的内容会覆盖之前的旧内容

Node.js前篇回顾:

01-​  初识Node.js ​
02- fs 文件系统模块


黑马前端专栏干货多多,关注再学,好方便~

2022年前端学习路线图:课程、源码、笔记,技术栈  另外此线路图实时更新!需要课后资料的友友们,可以直接告诉我

以上是关于初识 Node.js 丨path 路径模块的主要内容,如果未能解决你的问题,请参考以下文章

node基础1--初识Node.js与内置模块

初识 Node.js丨http 模块

初识 Node.js 丨fs 文件系统模块

Node.Js学习day01初识 Node.js 与内置模块

Node.Js学习day01初识 Node.js 与内置模块

使用 Express 写接口丨Node.js-初识 Express