❤
npm
Sign UpSign In

rehype-remove-unused-css

0.1.4 • Public • Published

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>

API

rehype().use(removeUnusedCss[, options])

Remove unused stylesheet.

  • options is same as options of uncss

Security

Use of rehype-remove-unused-css should be safe to use as JSDOM should be safe to use. When in doubt, use rehype-sanitize.

License

MIT © TANIGUCHI Masaya

Readme

Keywords

Package Sidebar

Install

npm i rehype-remove-unused-css

Weekly Downloads

1

Version

0.1.4

License

MIT

Unpacked Size

4.01 kB

Total Files

3

Last publish

Collaborators

  • taniguchi
Try on RunKit
Report malware