How to match space, newline in regexp

Question

String content

<head>
    <meta charset="UTF-8">
    <title></title>
    <!--@require a.css-->
    <!--@require BOWER/jquery-->
    <!--@require /build/bundle-->
    <!--
        @require bootstrap
        @require bootstrap.css
        @require bootstrap.font
    -->
</head>

JS

var content = ...;
var reg = /<!--[\s\t\n]*?@require (.+?)[\s\t\n]*?-->/g;
var r;
while((r = reg.exec(content)) != null) {
  console.log(r[1]);
}

Output

a.css
BOWER/jquery
/build/bundle

It's not match the last block, what miss in my reg expression.

`\s` matches any kind of whitespaces including newline. – heemayl Apr 25 '16 at 04:02 — heemayl, Apr 25 '16 at 04:02

score 4 · Accepted Answer · edited May 23 '17 at 11:45

(Dot). Matches any character except newline , that's why the last string is not matching. So you can use something like [\s\S]* or [^] for matching any character. ( Ref : Matching multiline Patterns )

var content = `<head>
    <meta charset="UTF-8">
    <title></title>
    <!--@require a.css-->
    <!--@require BOWER/jquery-->
    <!--@require /build/bundle-->
    <!--
        @require bootstrap
        @require bootstrap.css
        @require bootstrap.font
    -->
</head>`;
var reg = /<!--[\s\t\n]*?@require ([\s\S]+?)[\s\t\n]*?-->/g;
var r;
while ((r = reg.exec(content)) != null) {
  console.log(r[1]);
}

score 0 · Answer 2 · answered Apr 25 '16 at 04:06

0

Try adding multiline flag (m)

/<!--[\s\t\n]*?@require ([\s\S]+?)[\s\t\n]*?-->/gm

answered Apr 25 '16 at 04:06

Aminah Nuraini

18,120
8
90
108

Tim007 · Answer 3 · 2016-04-25T04:35:29.737

Try this

@require (.+?)?(?:-->|\s)

Regex demo

Explanation:
( … ): Capturing group sample
.: Any character except line break sample
+: One or more sample
?: Once or none sample
(?: … ): Non-capturing group sample
|: Alternation / OR operand sample
\s: "whitespace character": space, tab, newline, carriage return, vertical tab sample

Output:

MATCH 1
1.  [71-76] `a.css`
MATCH 2
1.  [97-109]    `BOWER/jquery`
MATCH 3
1.  [130-143]   `/build/bundle`
MATCH 4
1.  [173-182]   `bootstrap`
MATCH 5
1.  [200-213]   `bootstrap.css`
MATCH 6
1.  [231-245]   `bootstrap.font`

How to match space, newline in regexp

3 Answers3