Rehype-remove-unused-css NPM

Rehype remove unused css

Rehype plugin to remove unused stylesheet with uncss

Installation

npm install rehype-remove-unused-css

Usage

Say example.html looks as follows;

<html>
    <head>
        <style>
            .one {
                font-size: 1em;
            }
            .two {
                font-size: 2em;
            }
        </style>
    </head>
    <body>
        <p class="one">example</p>
    </body>
</html>

...and example.js like this:

const vfile = require("to-vfile")
const report = require("vfile-report")
const unified = require("unified")
const rehype = require("rehype-parse")
const stringify = require("rehype-stringify")
const removeUnusedCss = require("rehype-remove-unused-css")

unified()
    .use(rehype)
    .use(removeUnusedCss)
    .use(stringify)
    .processSync(vfile.readSync("example.html"), (err, file) => {
        console.error(report(err || file))
        console.log(String(file))
    })

Now, running node example yields:

<html>
    <head>
        <style>
            .one {
                font-size: 1em;
            }
        </style>
    </head>
    <body>
        <p class="one">example</p>
    </body>
</html>