如何使用gulp向html文件注入已安装的Bower包的链接

pwn*_*ack 7 html javascript stream node.js gulp

我制作了一个gulpfile来设置前端开发工作环境.

下面是它的工作原理:

该脚本获取bower.json中定义的Bower包,并将每个已安装包的主文件(js和css)输出到/ public文件夹中的各个生产文件夹(/ public/js)(/ public/css).

脚本还会对所有文件,css,js和html文件启动监视任务,每当我将这些文件保存在开发文件夹(/ src)上时,它们/公共对应文件将实时更新.

这样我只需在Bower本地安装软件包,并通过运行这个gulp文件,我将生成文件准备好在我的/公共文件夹中,但我需要链接它们!

如上所述,我希望脚本根据我决定从Bower安装的软件包编写链接到index.html头部的文件的缺失部分.

因此,例如,如果我下载了Bootstrap,我希望脚本能够在我的html页面的头部自动注入到正文结束标记之前的Bootstrap css和js文件的链接(理想情况下).

这是我在github上的脚本,看一下README和gulpfile:

我不知道采用什么方法和/或是否有一个gulp插件来实现这一目标,如果有人能指出我正确的方向我会非常感激.谢谢.

Tim*_*Tim 5

为此,我目前使用gulp-inject,就像一个魅力!