是否有一些工具可以自动将css类转换为自定义前缀？

Question

同时为CSS和HTML追加前缀和/或后缀的工具

我喜欢在codepen上使用脚本，但通常类名是通用的，比如p，div，label等...

所以我想知道是否有工具替换类名并同时将前缀或后缀附加到BOTH html，CSS和JS。

这样，如果我在我的网站上使用该代码，它就不会与我的课程甚至ID相冲突......

会转变的东西：

<div class="a">Hello</div>

分为：

<div class="my_a">Hello</div>

同时 ：

.a

到

.my_a

这可以通过查找和替换来完成，但它很乏味且容易出错....

Answer 1

这可以使用Regular Expressions完成。

Linux命令行：

sed 's/class="\([^"]*\)"/class="my_\1"/g' old.html >new.html
sed 's/\.\([a-zA-Z0-9_\-]\+\)/.my_\1/g' old.css >new.css

或任意数量的优秀文本编辑器（Geany，Notepad ++，...）：

替换

带有class="([^"]*)"

的

class="my_\1"

和

带有\.([a-zA-Z0-9_\-]+)

的

.my_\1