一. 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 文件
步骤2 - 使用 fs 模块读取需要被处理的 html 文件
步骤3 – 自定义 resolveCSS 方法
案例的两个注意点
① fs.writeFile() 方法只能用来创建文件,不能用来创建路径
② 重复调用 fs.writeFile() 写入同一个文件,新写入的内容会覆盖之前的旧内容
Node.js前篇回顾:
01- 初识Node.js
02- fs 文件系统模块
黑马前端专栏干货多多,关注再学,好方便~
2022年前端学习路线图:课程、源码、笔记,技术栈 另外此线路图实时更新!需要课后资料的友友们,可以直接告诉我