A thorough CSS purging software that is production ready and efficient for TailwindCSS with a browser based UI and npm package #14294
ogbotemi-2000
started this conversation in
General
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
What version of Tailwind CSS are you using?
> v3.0.4
What build tool (or framework if it abstracts the build tool) are you using?
None
What version of Node.js are you using?
> v18.0.0
What browser are you using?
N/A
What operating system are you using?
Windows
Reproduction URL
N/A since this is an issue with the trimmed TailwindCSS styles not being thorough and making the generated CSS incomplete
Describe your issue
PurgeCSS
, as used by TailwindCSS, doesn't detect selectors in inline event listeners in the html code of a webpage without much configuration. I present armrf-css
- a browser-based UI and npm package that thoroughly scans wherever used selectors may be - in inline scripts or external scripts, inline event listeners in the HTML and correctly generates a CSS file of used styles and generic onesBrowser-based UI
Head over to https://rmrf-css.vercel.app and begin trimming and downloading used styles for your website by providing a URL
NPM package
Visit https://www.npmjs.com/package/rmrf-css for the details of the npm package that offers similar functionality as well as usability via the command line or as a module.
I look forward to the engagement of users of the TailwindCSS library, I assure you that the generated output of the software is battle-tested and delivers a CSS file that is concise with all used styles applying in its HTML file
Beta Was this translation helpful? Give feedback.
All reactions