Pro@programming.dev to Programmer Humor@programming.devEnglish · edit-22 days ago[ComiCSS] Benefits of Tailwindfiles.catbox.moeimagemessage-square76linkfedilinkarrow-up1417arrow-down19file-text
arrow-up1408arrow-down1image[ComiCSS] Benefits of Tailwindfiles.catbox.moePro@programming.dev to Programmer Humor@programming.devEnglish · edit-22 days agomessage-square76linkfedilinkfile-text
minus-squareexpr@programming.devlinkfedilinkarrow-up9·2 days agoI’m honestly not sure, but I’m fairly certain it’s intentional obfuscation done for the production build. Why they think it’s so important to hide class names, I’ll never know.
minus-squareyumyampie@lemmynsfw.comlinkfedilinkarrow-up3·1 day agoIt is not intentional. The tooling needs to generate a short unique id to prevent css name clashing. During development 2 developers can write the same css class name in two seperate places: developer A: .container { padding: 8px } at dashboard developer B: .container { padding: 32px } at sidebar Without this tooling developer need to find ways to prevent name clashing: .dashboard__container .sidebar__container and they need to do this for every class name. with this tool, developer don’t have to worry about this ever, continue using .container and it get generated into: .aP2be7 .7aFrJp
I’m honestly not sure, but I’m fairly certain it’s intentional obfuscation done for the production build. Why they think it’s so important to hide class names, I’ll never know.
To fight ad blockers
It is not intentional. The tooling needs to generate a short unique id to prevent css name clashing.
During development 2 developers can write the same css class name in two seperate places:
.container { padding: 8px }
at dashboard.container { padding: 32px }
at sidebarWithout this tooling developer need to find ways to prevent name clashing:
.dashboard__container
.sidebar__container
and they need to do this for every class name.
with this tool, developer don’t have to worry about this ever, continue using
.container
and it get generated into:.aP2be7
.7aFrJp