在我的gulp工作流程中，我有一个使用npm browser-sync模块来提供静态文件的任务。这个模块的一个选项是能够设置一个基本目录，让我调用js / css / img文件等，并使用如下绝对路径包含它：
<img src="/imgs/label.png">
此功能让我可以从我想要的任何子目录中调用此文件
/public
---/imgs
------label.png
---/catalog
------list.html <--- here
---index.html <--- and here, this image called using the same path /imgs/label.png
这很好用。否则，我有一个任务，构建最终的压缩和缩小版本的静态文件。问题是，当gulp使用位于公共文件夹中的文件构建dist文件夹时，在html文件中，仍然存在href / src等属性中的绝对路径。 我需要将保留文件夹结构的绝对路径转换为相对路径。我的意思是 index.html src必须是 imgs / label.png ，而在 catalog / list.html 中，相同的src属性具有要 ../ imgs / label.png 。问题：是否有任何模块能够为我做到这一点，或者可能还有其他方法可以做到这一点，而不是用自己的双手替换路径？任何建议将不胜感激。