1. 什么是 path 路径模块
path 模块是 Node.js 官方提供的、用来处理路径的模块。
它提供了一系列的方法和属性,用来满足用户对路径的处理需求。
例如:
path.join ()
方法,用来 将多个路径片段拼接成一个完整的路径字符串path.basename ()
方法,用来从路径字符串中,将文件名解析出来
如果要在 JavaScript 代码中,使用 path 模块来处理路径,则需要使用如下的方式先导入它:
2. 路径拼接
使用 path.join() 方法,可以把多个路径片段拼接为完整的路径字符串,语法格式如下:
参数解读:
- ...paths <string> 路径片段的序列
- 返回值 : <string>
使用 path.join() 方法,可以把多个路径片段拼接为完整的路径字符串:
注意:今后凡是涉及到路径拼接的操作,都要使用 path.join() 方法进行处理。不要直接使用 + 进行字符串的拼接。
3. 获取路径中的文件名
使用 path.basename() 方法,可以获取路径中的最后一部分,经常通过这个方法获取路径中的文件名,语法格式如下:
参数解读:
- path <string> 必选参数,表示一个路径的字符串
- ext <string> 可选参数,表示文件扩展名
- 返回 : <string> 表示路径中的最后一部分
使用 path.basename() 方法,可以从一个文件路径中,获取到文件的名称部分:
4. 获取路径中的文件扩展名
使用 path.extname() 方法,可以获取路径中的扩展名部分,语法格式如下:
参数解读:
- path <string> 必选参数,表示一个路径的字符串
- 返回 : <string> 返回得到的扩展名字符串
使用 path.extname() 方法,可以获取路径中的扩展名部分:
5. 综合案例 - 时钟案例
将素材目录下的 index.html 页面,拆分成三个文件,分别是:
- index.css
- index.js
- index.html
并且将拆分出来的 3 个文件,存放到 clock 目录中。
①创建两个正则表达式,分别用来匹配 <style> 和 <script> 标签
②使用 fs 模块,读取需要被处理的 HTML 文件
③自定义 resolveCSS 方法,来写入 index.css 样式文件
④自定义 resolveJS 方法,来写入 index.js 脚本文件
⑤自定义 resolveHTML 方法,来写入 index.html 文件
① fs.writeFile () 方法只能用来创建文件,不能用来创建路径
② 重复调用 fs.writeFile () 写入同一个文件,新写入的内容会覆盖之前的旧内容
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。