@roots/bud-criticalcss
Advanced tools
Adds critical.css support to Bud
Install @roots/bud-criticalcss to your project.
Yarn:
yarn add @roots/bud-criticalcss --dev
npm:
npm install @roots/bud-criticalcss --save-dev
You may use bud.critical.src to specify a URL or a path on disk to the markup that will be used to generate critical styles.
bud.critical.src(`http://example.test`);
bud.critical.src(bud.path("path/to/index.html"));
Or, you may use bud.critical.html to provide the markup directly.
bud.critical.html(`<html>...</html>`);
You must explicitly call bud.critical.enable to enable the extension.
bud.critical.enable();
export default async (bud) => {
bud.critical.src(`http://example.test`).enable(bud.isProduction);
};
Specify the source with a URL:
bud.critical.src(`http://example.test`);
Specify the source with a local filepath:
bud.critical.src(bud.path(`@src`, `template.html`));
Specify the markup directly
bud.critical.html(`<html>...</html>`);
Specify the width of the browser viewport
bud.critical.width(1920);
Specify the height of the browser viewport
bud.critical.height(1080);
Extract critical css from its source file. Extraction is enabled by default but can be disabled by passing false.
bud.critical.extract(false);
Ignore certain CSS rules or declarations.
bud.critical.ignore({
decl: [/^transition/],
rule: [/^@font-face/],
});
Enable or disable the extension.
It accepts an optional boolean argument. If no argument is provided, the extension will be enabled.
bud.critical.enable();
Contributions are welcome from everyone.
We have contribution guidelines to help you get started.
@roots/bud-criticalcss is licensed under MIT.
Keep track of development and community news.
bud.js is an open source project and completely free to use.
However, the amount of effort needed to maintain and develop new features and projects within the Roots ecosystem is not sustainable without proper financial backing. If you have the capability, please consider sponsoring Roots.
FAQs
Adds critical.css support to Bud
The npm package @roots/bud-criticalcss receives a total of 126 weekly downloads. As such, @roots/bud-criticalcss popularity was classified as not popular.
We found that @roots/bud-criticalcss demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A data handling bug in OSV.dev caused disputed CVEs to disappear from vulnerability feeds until a recent fix restored over 500 advisories.
Research
/Security News
175 malicious npm packages (26k+ downloads) used unpkg CDN to host redirect scripts for a credential-phishing campaign targeting 135+ organizations worldwide.
Security News
Python 3.14 adds template strings, deferred annotations, and subinterpreters, plus free-threaded mode, an experimental JIT, and Sigstore verification.