有没有办法将新标准link[rel=preload]
与 yo webapp 一起使用,以便grunt serve
加载 CSS 文件?
例子:
<link rel="preload" href="path" as="style" onload="this.rel='stylesheet'">
到目前为止,我不知道有任何浏览器实际支持link[rel=preload]
,我什至在caniuse.com上也没有看到它。
此功能实际上是浏览器实现功能,而不是由任何应用程序或服务器代码控制的东西,所以不幸的是,除非您正在编写浏览器,否则我认为答案是否定的,没有办法使用新标准。我们只需要等待它被浏览器采用和实现。
我假设“所以 grunt serve 将加载 CSS 文件”是指由 grunt 任务启动的 http 服务器除了提供 http 文件之外还会抢先服务(推送)css 文件,从而节省时间?
不幸的是,让这个工作目前并不像grunt serve
以正确的方式设置那么简单。推送操作是 Http/2 的特性,grunt serve 默认使用的服务器是股票节点一,只有 Http/1.1。
如果你想帮助自己,也想回馈社区,你可以编写一个项目,包装或分叉“grunt-serve”并用类似的require('http')
东西作为 http 服务器替换,同时也有一个服务器端解析器检查提供的页面寻找“预加载”属性,或者以其他方式向您的插件表示需要在每个页面旁边提供哪些文件。