css - 用于在 Atom 编辑器中替换整个代码库中的类名的正则表达式

Question

在过去的几天里，我一直在为此苦苦挣扎。如果这是重复的，我深表歉意，我在搜索这个特定问题时找不到我需要的东西。

我有如下类名：

class="block underline primary"

className="text-center block primary-dark"

class="grey bg-black inline-block block"

我想使用 Atom 的正则表达式搜索功能搜索整个代码库，并用新的类名替换每个实例。我需要以下规则：

我目前有这个几乎可以满足我的需要，但没有考虑className或class将返回不包含在我不想要的类中的段落或内容：

(\s(block)\s)|(="(block)\s)|(\s(block)")

有没有办法一举进行正则表达式查找和替换？我知道我可能无法得到所有东西，因为可以以编程方式添加类，但我想尽可能多地使用查找和替换而不是搞砸其他事情。非常感谢任何帮助或指导。

编辑

我还需要考虑如下类名：

class="block block-title blockDisabled"

所以最后我只想瞄准block而不是别的。

score 1 · Accepted Answer

您可以使用以下表达式：

(className|class)="(?:block|block\s([^"]*)|([^"]*)\sblock|([^"]*)\sblock(?=\s)([^"]*))"

从那里，如果你想删除block类，你会使用$1="$2$3$4$5"替换。

但是，如果您想替换block类，正如您的标题所暗示的那样，那么您将使用$1="$2$3$4$5 replacement-class"替换（其中字符串“replacement-class”是您要替换block类的类）。

解释：

1 回答 1