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

A Way to Load CSS link[rel=preload] Method with Yeoman Webapp

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

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

我不知道有任何浏览器实际支持 link[rel=preload] as of now nor do I even see it listed on caniuse.com

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

我假设 "so grunt serve will load the CSS file" 你的意思是 grunt 任务启动的 http 服务器除了提供 http 文件外,还会抢先提供(推送)css 文件,从而节省时间?

不幸的是,目前要使其正常工作并不像以正确的方式设置 grunt serve 那样简单。推送操作是一个Http/2特性,grunt serve默认使用的服务器是stock node one,也就是Http/1.1 only.

如果您想帮助自己,也想回馈社区,您可以编写一个包装或分叉 'grunt-serve' 并用 this 之类的东西替换 require('http') 的项目http 服务器,同时还有一个服务器端解析器检查所服务的页面以寻找 'preload' 属性,或者以其他方式向您的插件表示每个页面需要提供哪些文件。