question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] Obfuscate Tailwind CSS classes

See original GitHub issue

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; }

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:18
  • Comments:8

github_iconTop GitHub Comments

13reactions
Atinuxcommented, Aug 2, 2021

Not stale

6reactions
nephixcommented, Jun 24, 2022

Anyone managed to do this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Feature Request] Obfuscate Tailwind CSS classes · Issue #240
As feature request, would be nice to obfuscate classes on production bundle. Using webpack-obfuscator, for example. Example. Original code: # ...
Read more >
vite-plugin-tailwind-obfuscate - NPM Package Overview - Socket
A Vite plugin to obfuscate Tailwind CSS class when running on production. Package contains a reference to a license without a matching LICENSE ......
Read more >
How to obfuscate Tailwind classes in a NextJs project ... - Reddit
How to obfuscate Tailwind classes in a NextJs project in production? : r/tailwindcss.
Read more >
Content Configuration - Tailwind CSS
Configuring source paths. Tailwind CSS works by scanning all of your HTML, JavaScript components, and any other template files for class names, then...
Read more >
Obfuscate Tailwind classes in a Laravel project - Medium
We're going to see how to obfuscate Tailwind classes, and CSS classes in general, in a Laravel project so that no one is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found