Mangled atomic classes optimization #197
Replies: 1 comment 4 replies
-
|
Hi @Arif-un. Thanks for creating this discussion. I will think about it. When I was creating the algorithm, I thought about adding uppercase letters and even numbers, however, there were the following reasons why I didn't:
However, I could potentially add a configuration option to the algorithm for custom letters or custom algorithm. I will try something after releasing 0.6. This should be tested first. |
Beta Was this translation helpful? Give feedback.
-
|
You can take look on this package https://github.com/sndyuk/mangle-css-class-webpack-plugin Here is my characters "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" use "incstr" package to generate class, it work well with me. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @IRediTOTO . You get messy results with Stylify or with the Webpack plugin? |
Beta Was this translation helpful? Give feedback.
-
|
With the Webpack plugin, I built and run fine on local but on production they broken up after build, I bet it's because the css names are only a,b,c,... after each build they have the same name but the internal properties have been swapped. This causes the interface to break. |
Beta Was this translation helpful? Give feedback.
-
|
The cache could be a problem. You could probably use it only in production build in pipeline where the cache can be droped. But there is also a different problem. It's one of those, why i dropped Stylify Vite, Rollup and Webpack plugins. For example Astro internally converts HTML to hyperscript. |
Beta Was this translation helpful? Give feedback.
-
Hi there,
I found one of the great advantages of this library is mangled atomic classes, which significantly reduces stylesheet size.
Those classes are generated incrementally, like
.a,.b,.c, ....z,.aa,.ab, and so on, each iteration generates from 26 characters.In CSS, classes are case-sensitive so if we declare
.aand.A, those are completely different from each other, also numbers can be used alongside characters.So this incremental way can be more efficient for an atomic class generation.
A tiny library might help for generating incremental string incstr
Beta Was this translation helpful? Give feedback.
All reactions