如何使用gulp将已安装的Bower包的链接注入到HTML文件中

8
我制作了一个gulpfile来设置前端开发工作环境。
它的工作原理如下:
该脚本获取在bower.json中定义的Bower包,并将每个安装包的主文件(js和css)分别输出到其生产文件夹(/public/js)(/public/css)中。
该脚本还启动了对所有文件(css、js和html文件)的监视任务,每当我保存这些文件到开发文件夹(/src)时,它们的/public对应文件将实时更新。
这样,我只需使用Bower在本地安装软件包,然后运行此gulpfile,即可在我的/public文件夹中准备好生产文件,但我需要链接它们!
正如所说的那样,我希望脚本能够根据我从Bower安装的软件包,在我的index.html头部自动写入链接到这些文件的代码(最好是在body结束标记之前)。例如,如果我下载了Bootstrap,我希望脚本自动将链接到Bootstrap css和js文件的代码注入到我的html页面头部。
这是我在github上的脚本,请查看README和gulpfile
我不知道该使用什么方法和/或是否有gulp插件可以实现,如果有人能指点一下方向,我将非常感激。谢谢。
3个回答

5

对于这个问题,我目前使用gulp-inject解决,它非常好用!


3
如何仅使用
gulp wiredep

示例:

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

bower install holderjs --save

这将它添加到依赖项数组中。接下来,您需要使用以下方式将其添加到您的HTML中:

gulp wiredep

3

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接