如何使用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 :

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

       

网上收集的解决方案 "如何使用gulp注入已安装的Bower软件包的链接到html文件"

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

如何使用

gulp wiredep 

例:

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

 bower install holderjs --save 

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

 gulp wiredep 

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