<pre class="shiki github-dark shaku"><code>const getUniqueClassName = (function() { function getAlphabet() { let start = 'a'.charCodeAt(0), end = 'z'.charCodeAt(0), lower = '', upper = ''; while (start &lt;= end) { const char = String.fromCharCode(start); lower += char; upper += char.toUpperCase(); start++; } return '_' + lower + upper; } function updateName(index, carry) { if (!carry) return; if (name[index] === undefined) return name.splice(0, 0, carry); name[index] += carry; if (name[index] &lt;= alphabet.length - 1) return; name[index] = carry; updateName(index - 1, 1); } function getName(name) { return name.map((code) =&gt; alphabet[code]).join(''); } const alphabet = getAlphabet(); let name = [1]; /** * @returns {string} */ function getUniqueClassName() { const uniqueName = getName(name); updateName(name.length - 1, 1); return uniqueName; } getUniqueClassName.reset = function() { name = [1]; } return getUniqueClassName;})();</code></pre>

Alphabet + count solution

If you use css-loader in your webpack project,localIdentName could be used to transform class names, like below: localIdentName: "[path][name]__[local…