Rollup Plugin Critical

Overview

The rollup-plugin-critical is a powerful tool designed for developers working with Vite.js and Rollup. This plugin streamlines the process of generating critical CSS, ensuring that your web pages load quickly and efficiently by prioritizing the most important styles. Its integration with the critical generator under the hood makes it an essential addition for those looking to enhance code quality and overall performance.

The plugin's user-friendly configuration options allow developers to specify various parameters, enabling customized scraping of pages to generate the most relevant CSS. Whether you’re building a new project or improving an existing one, rollup-plugin-critical simplifies achieving optimal performance through smart CSS management.

Features

• criticalUrl: Set a base URL or file system path for scraping pages for Critical CSS, essential for targeted optimization.
• criticalBase: Define where to save generated Critical CSS files, automatically handled with intuitive naming conventions.
• criticalPages: Use an array of objects to specify page URIs, ensuring a comprehensive scraping process to extract critical styles.
• criticalConfig: Flexible configuration object that allows developers to override default properties easily, tailoring the plugin to their needs.
• Dynamic Property Setting: Automatically configures key properties like css, base, src, and target based on your project structure and pages specified.
• Inline Option: Provides flexibility with file naming and paths by appending .html if required, based on the inline option.
• MIT License: The plugin is freely available under an MIT License, promoting open-source development and integration into various projects.