初识 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年前端学习路线图：课程、源码、笔记，技术栈  另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我