A posthtml plugin to treeshake class and id styling in style tag on html page using postcss
This plugin is used for reducing your file size
Experimental - Work in progress
Before:
<html>
<body>
<p class="used">HELLO</p>
<style>
.used {
color: red;
}
.unused {
color: green;
}
</style>
</body>
</html>After:
<html>
<body>
<p class="used">HELLO</p>
<style>
.used {
color: red;
}
</style>
</body>
</html>npm i posthtml posthtml-postcss-treeshaker
Describe how people can use this plugin. Include info about build systems if it's necessary.
const fs = require("fs");
const posthtml = require("posthtml");
const posthtmlPlugin = require("posthtml-postcss-treeshaker");
posthtml()
.use(
posthtmlPlugin({
/* options */
})
)
.process(html /*, options */)
.then(result => fs.writeFileSync("./after.html", result.html));See PostHTML Guidelines and contribution guide.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent