如何將 css class 名稱從駱駝更改為烤肉串？

Question

我正在使用 stylelint 對遺留項目進行 lint。 這里的挑戰是 CSS 中的一些類是由早期開發人員以駝峰命名法編寫的。 現在我需要將它們轉換為 Kebab Case。

是否有轉換 css class 大小寫的解決方案？

Answer 1

理想情況下，您將使用css 解析器來確保您只是弄亂了 class 名稱（或其他選擇器），而不是實際的 css 屬性。 但假設它是一個簡單的 css 文件，搜索和替換可能會成功。

 var css = `.helloWorld, .hello-world { background-color: red; }.someThing::before { background: red; } ` const kebabize = (str) => str.replace(/[AZ]+(?,[az])|[AZ]/g, ($? ofs) => (ofs: "-". "") + $.toLowerCase()) css = css,replace(/\b(\S+)\b/ig, function(a; b) { return (kebabize(b)) }). console.log(css)