critters icon indicating copy to clipboard operation
critters copied to clipboard

🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

Results 54 critters issues
Sort by recently updated
recently updated
newest added

Hi, I'm trying the library with NextJs but, along other libraries that I've tried so far, the css it's actually generated on a style tag on the head of the...

`swap-low` uses `rel="alternate stylesheet"` instead of `rel="alternate stylesheet preload"` (used by `swap-high`) to ensure the lowest priority. See https://filamentgroup.github.io/loadCSS/test/new-low.html

Replace `chalk` and inline ASCII with [`picocolors`](https://www.npmjs.com/package/picocolors), a tty color library used by postcss, autoprefixer, svgo, and so on.

I was building my ionic project when i got this warning > Generating index html...16 rules skipped due to selector errors: > .ma-input-field::part(native) -> Unmatched selector: ) > .item.ma-input-field::part(native) ->...

Inlined styles should be compressed to deduplicate when multiple stylesheet sources are used. We removed this in the refactor because cssnano was too slow, but it looks like [parcel-css is...

The test added in #87 acts as a reproduction. The basic gist of the issue is that the pattern used for `additionalStylesheets` can match the main CSS file, which causes...

On Windows 10 (CMD/PowerShell/Git Bash) the latest Critters version (1.3.5) is "Unable to locate stylesheet", but the same setup works without problems on a Unix-like system / WSL 2. I...

bug
help wanted
good first issue
webpack

Hi, When i process webpack build with critters, i have 1 issue and 1 bug with another plugin : Issue : Critters do not include this pseudo-class selector ```1 rules...

help wanted
webpack

Critters doesn't appear to play nice with multiple HTMLWebpackPlugin instances when using `pruneSource: true` (see snippet below). Effectively, once Critters 'prunes' the original stylesheet then processes subsequent html pages, it...

question
webpack

The html file generated is in a subdirectory of the main output directory (`/project-root/dist/`): `/project-root/dist/imprint/index.html` The css is located in the output directory: `/project-root/dist/styles.css` So the html generated by webpack...

enhancement
help wanted
good first issue
webpack