critters 介绍
一款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)
+ })
]
}
网站地址:https://npm.im/critters-webpack-plugin
GitHub:https://github.com/GoogleChromeLabs/critters
网站描述:一个Webpack插件,用于内嵌关键的CSS并延迟加载其余的CSS
critters
官方网站:https://npm.im/critters-webpack-plugin
小编说
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。