javascript正则表达式单行

Question

I'm trying to replace all @import strings in one single-string, eg

var str = 'buttons .reprint{height:56px;background-position:-47px -1496px;}@import "../common/buttons.css";@import "../screen/screen-1.css";@import "../screen/screen-2.css";@import "../screen/screen-3.css";@import "../screen/screen-5.css";@import "../screen/screen-6.css";@import "../screen/screen-7.css";@import "../screen/screen-quick-messages.css";@import "../screen/reset-password.css";#xml-data{display:none;}body{font-family:"Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,sans-serif;}ul{padding:0;}body,section{width:768px;}';

It works if I write:

console.log(str.match(/@import\ /g));

But how to specify, all @import declaration at all in single line, eg @import "../screen/screen-1.css";

console.log(str.match(/@import\ .+;/g));

doesn't work.

Answer 1

Correct me if I'm wrong, but it seems like an @import always has this format:

@import (whitespace) (quote) (one or more non-quote characters) (quote) (semicolon)

If that's true, then let's build the regex accordingly:

 /@import\s*"[^"]+";/

This should match each @import statement separately.

Answer 2

I know it's already answered, but I just want to offer a simpler version of the pattern above.

I needed this regex for removing @import statements from css files I merged together.

It matches the pattern:

@import (anything NOT a semicolon) (semicolon)

Works great. Here's an example of how I use it:

// $mergedStyles set earlier in script...

// matches the pattern 
// ["@import"]+[anything NOT a semicolon]+semicolon
// e.g.: "@import url("stuff");
$pattern = '/@import[^;]*;/';
$mergedStyles = preg_replace($pattern, '', $mergedStyles);