使用Yeoman Webapp加载CSS链接[rel = preload]的方法

时间:2016-02-10 19:52:23

标签: gruntjs yeoman gruntfile

有没有办法将新标准link[rel=preload]与yo webapp一起使用,以便grunt serve加载CSS文件?
示例:

  

<link rel="preload" href="path" as="style" onload="this.rel='stylesheet'">

2 个答案:

答案 0 :(得分:1)

到目前为止,我不知道任何实际支持link[rel=preload]的浏览器,我甚至没有在caniuse.com上看到它。

这个功能实际上是一个浏览器实现功能,而不是由任何应用程序或服务器代码控制的东西,所以不幸的是,除非你正在编写浏览器,我认为答案是没有,没有办法使用新标准。我们只需要等待它们被浏览器采用和实现。

答案 1 :(得分:1)

我假设通过&#34;所以grunt服务将加载CSS文件&#34;你的意思是由grunt任务启动的http服务器除了提供http文件之外还会抢先服务(推送)css文件,从而节省时间?

不幸的是,让这个工作起来并不像以正确的方式设置grunt serve那么简单。推送操作是一个Http / 2功能,默认情况下grunt服务使用的服务器是库存节点1,仅为Http / 1.1。

如果你想帮助自己,并回馈社区,你可以创作一个包装或分叉的项目,以及#grunt-serve&#39;并将require('http')替换为this作为http服务器,同时还要求服务器端解析器检查所服务的页面以及预加载&#39;属性或其他一些方式表示您的插件需要在每个页面旁边提供哪些文件。