在前端开发中，经常需要进行路径的处理。而手动对路径进行操作会导致出现很多问题，比如系统之间的兼容性问题。npm 包 manner-path 解决了这个问题，它能够让你轻松地对路径进行操作和转换。本文将为大家介绍 manner-path 的使用教程，并提供示例代码。
安装
在使用 manner-path 之前，需要先进行安装。可以通过 npm 的方式进行安装，命令如下：
npm install manner-path --save
安装完成后，在项目中引入该包即可使用。
操作路径
manner-path 提供了一些简单易用的方法来处理路径。下面将为大家介绍这些方法。
normalize(path)
该方法用于合并相对路径并且去掉无效的部分。以下是示例代码：
const MannerPath = require('manner-path');
const path = './a/b/../c';
console.log(MannerPath.normalize(path)); // 返回：'a/c'join([path1], [path2], [...])
该方法用于连接多个路径并且返回规范化后的路径。以下是示例代码：
const MannerPath = require('manner-path');
const path1 = 'a';
const path2 = 'b';
const path3 = 'c';
console.log(MannerPath.join(path1, path2, path3)); // 返回：'a/b/c'resolve([from], to)
该方法用于将一个路径或路径片段解析成一个规范化的绝对路径。以下是示例代码：
const MannerPath = require('manner-path');
const from = '/a';
const to = 'b';
console.log(MannerPath.resolve(from, to)); // 返回：'/a/b'relative(from, to)
该方法用于返回从 from 到 to 的相对路径。以下是示例代码：
const MannerPath = require('manner-path');
const from = '/a';
const to = '/a/b';
console.log(MannerPath.relative(from, to)); // 返回：'b'dirname(path)
该方法返回 path 的目录名。以下是示例代码：
const MannerPath = require('manner-path');
const path = '/a/b/c';
console.log(MannerPath.dirname(path)); // 返回：'/a/b'basename(path, [ext])
该方法返回 path 的基本名称。可以选择传递一个扩展名，以此从基本名称中删除扩展名。以下是示例代码：
const MannerPath = require('manner-path');
const path = '/a/b/c.txt';
console.log(MannerPath.basename(path)); // 返回：'c.txt'
console.log(MannerPath.basename(path, '.txt')); // 返回：'c'extname(path)
该方法返回 path 的扩展名，以及 . 作为前缀。以下是示例代码：
const MannerPath = require('manner-path');
const path = '/a/b/c.txt';
console.log(MannerPath.extname(path)); // 返回：'.txt'总结
manner-path 提供了一些实用的方法，能够方便地处理路径。希望本文能够为大家提供更好的开发体验，并让大家更加了解前端方面的技术。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055da081e8991b448db5bc