Gulp二手资产

Question

我让Gulp将我的所有JS和CSS编译成组合文件并输出到/public/assets/js/application.js或/public/assets/js/application.css

这一切都很棒,但像CSS背景图像等链接文件的URL路径现在不再有用了.

由于这些链接的资产在我的/vendor/assets/bower-components目录中,我不能只重写路径,因为/vendor不能访问Web.我想要做的是浏览CSS和JS编译的文件,找到所有链接的资产引用,去抓取它们并将它们放入/public/assets/<filetype-here>

然后重写到新位置的路径.

我需要的是一种查找(主要是CSS)所有引用的方法,但也可以是JS.抓取该文件,检查它是什么文件类型,将其放在/public/assets<filetype-here>文件夹中并重写原始文件路径.

你会怎么做呢？我意识到我可以使用像gulp-repace等插件,但不知道怎么做"把这个已被发现的东西拿去,去拿那个文件并用它做点什么"这样的事情.

一个例子非常有用.

谢谢

Answer 1

我打算建议你自己做,但后来我找到了gulp-bower-fix-css-path.

显然,它是一个(还不那么受欢迎)工具,可能适合您项目的需求:

一饮而尽鲍尔 - 解决问题 - CSS-路径

此模块从bower-installer修复(重新组织)css资源路径.指定public/vendor的绝对路径文件夹并修复所有路径,如(fonts,imgs,svgs)

^{小工具模块与bower(bower-installer)结合使用.修复项目所依赖的所有不同存储库中的所有css路径(字体/图像等资源)}

也就是说,我建议您尝试使用该lib并在必要时对其进行自定义,然后再提出拉取请求.否则你需要从头开始实现所有这些.