rehype-remove-unused-css
v0.1.4
Published
Rehype plugin to remove unused stylesheet with uncss
Downloads
33
Maintainers
taniguchiReadme
Rehype remove unused css
Rehype plugin to remove unused stylesheet with uncss
Installation
npm install rehype-remove-unused-cssUsage
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.
optionsis 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