如何使用gulp向html文件注入已安装的Bower包的链接
[英]How to use gulp to inject to an html file the links for the installed Bower packages
问题描述
我制作了一个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插件来实现这一目标，如果有人能指出我正确的方向我会非常感激。 谢谢。
3 个解决方案
解决方案1
5 已采纳 2014-07-18 11:01:19
为此，我目前使用gulp-inject ，就像一个魅力！
解决方案2
3 2014-07-18 06:53:28
我也在寻找这个。 似乎gulp-processhtml插件可以适合这个任务和/或gulp-replace和/或gulp-preprocess 。
解决方案3
3 2015-03-26 22:21:16
如何使用
gulp wiredep
例：
将Holder.js包添加到现有的Yeoman / Bower / Gulp项目中。
bower install holderjs --save
这将它添加到依赖数组中。 在你需要通过使用它添加到你的HTML后
gulp wiredep
如何使用gulp-inject将文件的内容插入到index.html中？
[英]How can I insert the contents of a file in my index.html with gulp-inject?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.