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

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用gulp向html文件注入已安装的Bower软件包的链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我制作了一个gulpfile来设置前端开发工作环境.

下面是它的工作原理:

该脚本获取bower.json中定义的Bower包,并将每个已安装包的主文件(js和css)输出到/ public文件夹中的各个生产文件夹(/ public / js)(/ public / css).

脚本还会在所有文件,css,js和html文件上启动监视任务,每当我将这些文件保存在开发文件夹(/ src)上时,它们/公共对应文件将实时更新.

这样我只需在Bower本地安装软件包,并运行这个gulp文件,我将在我/ public文件夹中准备好生产文件,但我需要链接它们!

如上所述,我希望脚本根据我决定从Bower安装的软件包编写链接到index.html头部的文件的缺失部分.

因此,例如,如果我下载了Bootstrap,我希望脚本能够在我的html页面的头部自动注入Bodystrap css和js文件链接,直接在正文结束标记之前(理想情况下).

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

我不知道采用什么方法和/或是否有用于实现这一目标的gulp插件,如果有人可以指出我正确的方向,我会非常感激.谢谢.

解决方法

为此,我目前使用 gulp-inject,工作就像一个魅力!

猜你在找的JavaScript相关文章