我制作了一个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插件可以实现,如果有人能指点一下方向,我将非常感激。谢谢。
它的工作原理如下:
该脚本获取在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插件可以实现,如果有人能指点一下方向,我将非常感激。谢谢。