critters 介绍
一款webpack的 插件 ,它可以很方便的配置内联关键css( critical css ),其余的css部分则会异步加载,由于它不使用无头浏览器(headless bro wser)呈现 内容 ,因此 快速 轻巧。 ?
当为预渲染/ SSR的单页应用程序内嵌关键css时,Critters的设计使其非常适合。可以大大缩短大多数单页应用程序的首次加载时间。
安装
npm i -D critters-webpack-plugin
使用
// webpack.con fig .js
+const Critters = require('critters-webpack-plugin');
module.exports = {
plugins: [
+ new Critters({
+ // optional con fig uration (see below)
+ })
]
}
网站地址 : https://npm.im/critters-webpack-plugin
GitHub: https://github.com/GoogleChromeLabs/critters
网站描述: 一个 Webpack 插件 ,用于内嵌关键的CSS并延迟加载其余的CSS
critters官方网站
官方网站: https://npm.im/critters-webpack-plugin
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did175357