在前端开发中，体积较大的前端框架、第三方库以及自己编写的模块等等，无论是在开发还是打包部署阶段，都需要用到路径处理。而 supath 就是一个方便的 npm 包，可以用于解决路径处理中的许多问题。
supath 简介
supath 是一个封装了 nodejs 中 path 模块的 npm 包，它拓展了一些有用的 API，并以更方便和可读性更高的方式提供了路径处理的工具。与 path 不同的是，supath 使用 '/' 作为标准路径分隔符，并规定了类 Unix 的行为，允许在 Windows 上工作。
安装
通过 npm 安装 supath：
npm install supath --save
使用方法
使用 supath 非常简单，只需要按照以下步骤操作：
引入 supath：
const supath = require('supath');使用 supath 提供的 API 进行路径处理，如：
const path = supath.join('path', 'to', 'file');
API 介绍
下面介绍 supath 常用的 API：
supath.resolve()
该方法用于将多个参数解析为一个绝对路径。参数类型为字符串。如果还存在参数，则转换后的路径被看作相对于当前工作目录。
const path = supath.resolve('path', 'to', 'file');supath.normalize()
该方法用于规范化文件路径。它将所有斜杠转换为前置斜杠，并消除相对路径。
const path = supath.normalize('path//to/file');supath.join()
该方法用于将字符串拼接为一个文件路径。多个参数可以并列使用，也可以作为数组。
const path1 = supath.join('path', 'to', 'file');
const path2 = supath.join(['path', 'to', 'file']);supath.dirname()
该方法返回文件路径的目录名部分。
const dir = supath.dirname('path/to/file');supath.basename()
该方法返回路径中的最后一部分。
const name = supath.basename('path/to/file.js');supath.extname()
该方法返回文件扩展名。
const ext = supath.extname('path/to/file.js');supath.relative()
该方法返回从 from 到 to 的相对路径。
const rel = supath.relative('path/to', 'path/to/file.js');示例代码
下面是一个完整的示例代码：
-- -------------------- ---- ------- ----- ------ - ------------------ ----- ----- - ---------------------- ----- -------- ----- ----- - ------------------- ----- -------- ----- --- - ------------------------------- ----- ---- - ----------------------------------- ----- --- - ---------------------------------- ----- --- - -------------------------- ------------------- ----------------------- ------- -------------------- ------- ----------------------- ----- ------------------------ ------ ----------------------- ----- ------------------------ -----
输出结果：
Resolve: /path/to/file Join: /path/to/file Dirname: /path/to Basename: file.js Extname: .js Relative: file.js
总结
通过本篇文章，我们学习了什么是 supath，以及它提供的 API，包括 resolve、normalize、join、dirname、basename 和 extname 等方法。使用 supath 可以方便地进行路径处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005566c81e8991b448d3409