如何使用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-inject ,就像一个魅力!
如何使用
gulp wiredep
例:
将Holder.js包添加到现有的Yeoman / Bower / Gulp项目中。
bower install holderjs --save
这将它添加到依赖数组中。 当你需要把它添加到你的HTML使用
gulp wiredep
我也在找这个 而且似乎gulp-processhtml插件可以适合这个任务和/或吞咽replace和/或吞咽预处理 。