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

我做了一个大文件来设置一个前端开发工作环境。

下面是它的工作原理：

该脚本获取bower.json中定义的Bower包，并将它们各自生产文件夹（/ public / js）（/ public / css）中的每个已安装包的主文件js和css输出到/ public文件夹中。

脚本还会启动所有文件，css，js和html文件的监视任务，并且只要将这些文件保存在开发文件夹（/ src）中，它们的/ public对象就会实时更新。

通过这种方式，我只需在Bower本地安装软件包，然后运行这个gulpfile，我将在我的/ public文件夹中准备好生产文件，但是我需要链接它们！

如上所述，我希望脚本根据我决定从Bower安装的软件包，在我的index.html头部中编写指向这些文件的链接。

因此，例如，如果我下载了Bootstrap，我希望脚本自动将htmlstartrap CSS和js文件链接到我的html页面的头部（身体closures标记之前）（理想情况下）。

这是我在github上的脚本，看一下README和gulpfile ：

我不知道有什么方法和/或是否有一个吞咽插件来实现，如果有人能指出我正确的方向，我将非常感激。 谢谢。

Answer 1

对于这个我目前使用gulp-inject ，就像一个魅力！

Answer 2

如何使用

gulp wiredep 

例：

将Holder.js包添加到现有的Yeoman / Bower / Gulp项目中。

 bower install holderjs --save 

这将它添加到依赖数组中。 当你需要把它添加到你的HTML使用

 gulp wiredep 

Answer 3

我也在找这个 而且似乎gulp-processhtml插件可以适合这个任务和/或吞咽replace和/或吞咽预处理 。