Existing packages like get-css look at a server-generated piece of HTML and get all the <link> and <style> tags from it. This works fine for 100% server rendered pages, and pages with CSS-in-JS styling.

This module uses an instance of Chromium to render a page. This has the benefit that most of the styles can be rendered, even when generated by JavaScript. The Puppeteer CSSCoverage API is the power behind finding most of the CSS. Additionally, the document.styleSheets API is used to get CSS-inJS styling.

npm install extract-css-core
# or
yarn add extract-css-core

const extractCss = require('extract-css-core')

const css = await extractCss('http://www.projectwallace.com')

Extract CSS from a page. Returns a Promise that contains the CSS as a single String.

Type: Object

Default: null

Type: String

Default: networkidle2

Can be any value as provided by the Puppeteer docs.

Type: Browser

Default: null

A Puppeteer Browser instance. See the test directory for implementation examples. This option exists primarily for use with extract-css

• extract-css - Extract CSS running as a serverless function
• get-css - The original get-css