Node.js / Gulp中的多行正则表达式未捕获

如何解决Node.js / Gulp中的多行正则表达式未捕获

我正在尝试创建一个正则表达式来匹配以下内容：

<!--
I'm a comment.
Here's another line.
-->

我不希望它与类似的评论匹配

<!--remove
Here's some content.
remove-->

或者：

<!-- TOC -->
- [Click here](https://example.com)
<!-- /TOC -->

我尝试过此正则表达式： \<!--[^remove][^]*?-->$\gm和我已经尝试过\<!--[^remove][\s\S]*?-->$\gm，但它们没有起作用。我不确定还有什么尝试。

我在gulp任务中使用此命令将这些注释替换为空字符串。有什么建议吗？

解决方法

根据对问题的理解，我建议使用/^\s*<!--\s*$[^]*^\s*-->\s*$/gm正则表达式。说明：

• /gm ... g =全局（替换所有匹配项），m =多行，将^和$视为行的开始/结束（不仅是输入）
• ^ ...行的开头（在多行模式下，“通常”仅是输入的开头）
• $ ...行尾（请参见上文）
• \s ...空格
• \s* ...零个或多个空格
• ^\s*<!--\s*$ ... <!--只是行上的非空格文本（之前或之后可以有一些空格，但没有文本）
• [^]* ...零个或多个任何字符（包括换行符）
• ^\s*-->\s*$ ...类似于<!--

示例：

var str = `
Lorem ipsum
<!--   
I'm a comment.
Here's another line.
-->
Lorem ipsum
<!--remove
Here's some content.
remove-->
Lorem ipsum
<!-- TOC -->
- [Click here](https://example.com)
<!-- /TOC -->
Lorem ipsum
`

console.log(str.replace(/^\s*<!--\s*$[^]*^\s*-->\s*$/gm,""))

/*
Lorem ipsum

Lorem ipsum
<!--remove
Here's some content.
remove-->
Lorem ipsum
<!-- TOC -->
- [Click here](https://example.com)
<!-- /TOC -->
Lorem ipsum
*/