@vueneue/critters

VueNeue critical CSS

Usage no npm install needed!

<script type="module">
  import vueneueCritters from 'https://cdn.skypack.dev/@vueneue/critters';
</script>

README

VueNeue - Critters

A transformed version of Google Critters but without webpack requirement

Usage

Base files:

Code

const fs = require("fs");
const Critters = require("./src");

// Read HTML file
const html = fs.readFileSync("index.html");

// Store stylesheets contents in object
const cssFiles = {
  "/styles.css": fs.readFileSync("styles.css")
};

// Process
const critical = new Critters();

critical.process(html, cssFiles).then(html => {
  // html = optimized with critical CSS
});

License

MIT - See LICENSE file