{"library":"rollup-plugin-critical","title":"rollup-plugin-critical","description":"Rollup plugin for generating critical CSS using the critical package. Version 1.0.15 is current. It integrates with Rollup build process to extract and inline critical CSS for pages defined by URLs or filesystem paths. Key differentiators: supports multiple pages, custom critical configuration, and optional inlining. Ships TypeScript types. Release cadence: occasional updates. Compared to alternatives like critters, this plugin is specifically designed for Rollup/Vite and offers more configuration flexibility.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install rollup-plugin-critical"],"cli":null},"imports":["import PluginCritical from 'rollup-plugin-critical'","import { rollupPluginCritical } from 'rollup-plugin-critical'","import type { PluginCriticalOptions } from 'rollup-plugin-critical'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport PluginCritical from 'rollup-plugin-critical';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    dir: 'dist',\n    format: 'es',\n  },\n  plugins: [\n    PluginCritical({\n      criticalUrl: 'https://example.com',\n      criticalBase: './dist',\n      criticalPages: [\n        { uri: '', template: 'index' },\n        { uri: 'about', template: 'about/index' },\n      ],\n      criticalConfig: {\n        inline: false,\n        width: 1200,\n        height: 1200,\n      },\n    }),\n  ],\n};","lang":"typescript","description":"Basic setup for rollup-plugin-critical to generate critical CSS for multiple pages.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}