如何使用正则表达式查找和替换在花括号前插入缺失的空格？

Question

我有一个 SCSS 文件，例如：

.nice{
  display: flex;

  &--green {
    color: green;
  }

  &--2{
    display: grid;
  }

  @media only screen and (max-width: 600px){
    display: none;
  }
}

我想在缺少 space 的大括号前插入一个 space。我如何使用正则表达式查找和替换来做到这一点？

Answer 1

即使在我们嵌套 & 的情况下，它后面也将始终跟有至少 1 个字母、数字、连字符或下划线，如 CSS grammar 所示。我们还需要考虑媒体查询，在这种情况下它将是 { 字符之前的 )。

所以，我相信这应该涵盖所有情况：

替换：([a-zA-Z0-9-_\)]+)(\s*)(\{)
随着：
（其中表示第一个匹配组等）

如何使用正则表达式查找和替换在花括号前插入缺失的空格？

How can I use regex find-and-replace to insert missing spaces before curly braces?

css

regex

sass

regexp-replace