我制作了一个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文件的链接,直接在正文结束标记之前(理想情况下).
解决方法
为此,我目前使用
gulp-inject,工作就像一个魅力!