扫一扫分享
一款webpack的插件,它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载,由于它不使用无头浏览器(headless browser)呈现内容,因此快速轻巧。
当为预渲染/ SSR的单页应用程序内嵌关键CSS时,Critters的设计使其非常适合。可以大大缩短大多数单页应用程序的首次加载时间。
安装
npm i -D critters-webpack-plugin
使用
// webpack.config.js
+const Critters = require('critters-webpack-plugin');
module.exports = {
plugins: [
+ new Critters({
+ // optional configuration (see below)
+ })
]
}
仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!
手机预览