JavaScript - Regex - 一行に複数の一致がある場合、一致するパターンのみを取得します。

Question

CSSファイルの内容を読み込み、外部ファイルへのすべてのリンクを探しています。私は速い正規表現を書いて、それを行うのが速くなると思ったが、これはイライラすることが分かっている。

は私が持っていると言う：

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') 

その行がやや多くのために行くが、ちょうど今のためにそれを取ることができます。

ご覧のとおり、src:url(...)とurl(...)の両方があるので、私はurl(..)個のオカレンスを探すことができます。 テイク1：

var contents.match = ... // The contents of the .min.css file. 
var matches = contents.match(/url\s*(.*);/); //no g at the end. 

3を取る：

var contents.match = ... // The contents of the .min.css file. 
var matches = contents.match(/url\s*(.*);/g); 

は2テイク

var contents.match = ... // The contents of the .min.css file. 
var matches = contents.match(/url\s*\((.*)\);/g); 

4を取る：

var contents.match = ... // The contents of the .min.css file. 
var matches = contents.match(/url\s*\((.*)\);/); // no g at the end. 

ここ

は、私が試したものです210

私が欲しいのは、すべての一致の配列です。つまり、（）または完全一致の文字列、つまりURL（...）です。代わりに、ファイル全体から大量のパイプを取得するだけです。

私が欲しいもの

：

私は何かが欠けています

console.log(matches); /// Prints ["url(fonts/font_1.css')", "url('fonts/font_2.css')", "url('fonts/font_3.css')"] 

の

console.log(matches); /// Prints ['fonts/font_1.css', 'fonts/font_2.css', 'fonts/font_3.css'] 

？

Answer 1

.*も閉鎖括弧に一致するので問題です。

はこれを試してみてください。/url\s*\([^)]*\)/g

Answer 2

あなたは見逃しているように見えますか？あなたの表現の中で。この代わりに： contents.match(/url\s*\(.*?\);/g);

あなたが現在一致していること（の最後のインスタンスへの）URLの最初のインスタンスからです： contents.match(/url\s*\(.*\);/g); はこのような何かを試してみてください。