我正在使用gulp和jekyll构建网站，我正在尝试设置gulp文件，以便它会自动浏览所有html个文件并添加{ {1}}响应式图像传送的信息。
基本上，我想转此：
srcset进入此（对于HTML文件中的每个图像）：
<img src="/img/agency/agency-lobby.jpg" />
我的gulpfile显然配置为执行许多自动化任务，其中一个是查看文件夹 unsized-img 并为我设置的每个断点创建图像大小，然后输出那个 img 文件夹（我这样做是为了避免Jekyll用原始图片覆盖我的 _sites / img 文件夹）。然后我有一个优化任务，将优化所有这些图像，以便在 _sites / img 文件夹中进行最终输出。
现在我想让gulp通过并查找所有img标记，并自动化它以便为每个图像添加<img src="/img/agency/agency-lobby.jpg" srcset="/img/agency/agency-lobby400.jpg 400w, /img/agency/agency-lobby600.jpg 600w, /img/agency/agency-lobby900.jpg 900w, /img/agency/agency-lobby900.jpg 1200w, /img/agency/agency-lobby1800.jpg 1800w"/>
属性，这样我就不必手动编写每个每次都有5 srcset个属性的单个图像。
srcset