nuxt-modules / nuxt-modules/tailwindcss
Obfuscate Tailwind CSS classes
Open
Nobody has claimed this yet.
enhancement
help wanted
- Dominant language
- TypeScript
- Stars
- 1.9k
- Forks
- 192
- PR merge metrics
- No merged PRs in 30d
Description
For performance proposes, everything that can be made to improve final bundle size is welcome. Even better if automated.
As feature request, would be nice to obfuscate classes on production bundle. Using webpack-obfuscator, for example.
Example
Original code:
# index.vue
<div class="text-gray-500">Hey!</div>
# tailwind.css
.text-gray-500 { color: #888; }
Final code:
# index.html
<div class="a">Hey!</div>
# tailwind.css
.a { color: #888; }
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the issue's index.vue, tailwind.css, and index.html examples, then review the referenced webpack-obfuscator approach. Done would mean production markup and generated CSS use the same obfuscated class names without changing their styling.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- tailwindcss, webpack
- Domain
- build-system, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100