在前端开发中，使用 gulp 进行自动化构建已经成为了一种常见的选择。而在使用 gulp 进行构建的过程中，经常会需要处理文件路径，比如将绝对路径转换成相对路径。针对这个问题， npm 上有许多处理文件路径的插件，其中 gulp-set-cobblestone-relative 插件就是其中的一员。
本篇文章将从以下几个方面介绍 gulp-set-cobblestone-relative 插件的使用教程：
- 安装
- 使用
- 示例代码
安装
在使用 gulp-set-cobblestone-relative 插件前，需要先进行安装。可以使用以下命令进行安装：
npm install gulp-set-cobblestone-relative
使用
使用 gulp-set-cobblestone-relative 插件非常简单，其中最常用的 API 是 relative。下面将介绍该 API 的使用方法。
relative(from, to, options)
该 API 用于将绝对路径转换成相对路径。
参数说明：
from：起始路径，为绝对路径或相对路径。to：目标路径，为绝对路径或相对路径。options：可选参数，格式为一个对象，其中可以包含以下属性：cwd：处理路径时所在的目录，默认为当前工作目录。sep：路径分隔符，默认为/。
返回值：转换后的相对路径。
示例代码
下面展示一个简单的 gulpfile.js 文件，其中使用了 gulp-set-cobblestone-relative 插件，将绝对路径转换成相对路径。该例子中，需要将 ./src/css/style.css 中的图片路径转换成与该文件相对的路径。
-- -------------------- ---- -------
--- ---- - ----------------
--- ------ - -----------------------
--- -------- - -----------------------------------------
---------------- ---------- -
------ -------------------------------
-----------------------------------
-----------------------------
---------------------------------
---上述代码中，prefix 插件将所有的图像路径都加上了 http://example.com 前缀，接着 relative 插件将所有的绝对路径转换成相对路径，并存储到 ./build/css/ 目录下。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056d1381e8991b448e6d4c