Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
Seedance 2.0
字节跳动新一代AI视频生成模型全面解析
免费资源下载中心
一站式解决工作学习需求的宝藏网站
宝塔服务器面板
简单好用的服务器运维面板
闪电玩
H5游戏官方平台,提供好玩的网络游戏
任推邦
APP推广项目分发和流量变现平台
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌
友情链接交易
为广大站长提供友情链接买卖、软文交易等服务
必火AI
数字人一站式创作平台
豆包AI
字节跳动旗下 AI 智能助手
AiPPT
全智能AI一键生成 PPT

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

critters

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://npm.im/critters-webpack-plugin
GitHub:https://github.com/GoogleChromeLabs/critters
网站描述:一个Webpack插件,用于内嵌关键的CSS并延迟加载其余的CSS
访问官网
GitHub

一款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://fly63.com/nav/2750

更多»
热门资源
TypeScript
一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集
官网
GitHub
Vite
下一代前端开发与构建工具
官网
GitHub
webpack
webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起
官网
GitHub
npm
javascript 最流行的包管理器
官网
GitHub
yarn
可替代NPM的快速、可靠、安全的可信赖包管理工具Yarn
官网
GitHub
bower
解决js的依赖管理
官网
GitHub
grunt
基于Node.js的项目构建工具。它可以自动运行你所设定的任务
官网
GitHub
Parcel
快速,零配置的 Web 应用程序打包器
官网
GitHub
babel
Babel 是一个 JavaScript 编译器,可用下一代JavaScript 语法写代码
官网
GitHub
browserify
一个浏览器端代码模块化工具,require和module.exports来导入和导出.Browserify的原理:部署时处理代码依赖,将模块打包为一个文件。
官网
GitHub
Rolldown
Rust 驱动的高性能打包器
官网
GitHub
HEAD
一份你可以在 <head> 里设置的列表
官网
GitHub
类似于critters的资源
angular-cli
快速构建Angular2项目
官网
GitHub
Vite
下一代前端开发与构建工具
官网
GitHub
Forge
一个 TLS 协议的本地实现
官网
GitHub
Corepack【pmm】
一款零运行时依赖的 Node 脚本工具
点击进入
GitHub
lowcode-engine
低代码引擎,一套面向扩展设计的企业级低代码技术体系
官网
GitHub
mern-starter
类似Mean,是另一个全栈Js开发架构
官网
GitHub
HEAD
一份你可以在 <head> 里设置的列表
官网
GitHub
Liquid
安全、面向客户的模板语言,用于构建灵活的 web 应用。
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。