fix external imports

Author: sokra

index.js

@@ -19,12 +19,16 @@ module.exports = function(content) {
 		annotateUrls(tree);
 
 		imports.forEach(function(imp) {
-			if(imp.media.length > 0) {
-				result.push(JSON.stringify("@media " + imp.media.join("") + "{"));
-			}
-			result.push("require(" + JSON.stringify("!" + __filename + "!" + urlToRequire(imp.url)) + ")");
-			if(imp.media.length > 0) {
-				result.push(JSON.stringify("}"));
+			if(/^data:|^(https?:)?\/\//.test(imp.url)) {
+				result.push(JSON.stringify("@import url(" + imp.url + ")" + imp.media.join("") + ";"));
+			} else {
+				if(imp.media.length > 0) {
+					result.push(JSON.stringify("@media " + imp.media.join("") + "{"));
+				}
+				result.push("require(" + JSON.stringify("!" + __filename + "!" + urlToRequire(imp.url)) + ")");
+				if(imp.media.length > 0) {
+					result.push(JSON.stringify("}"));
+				}
 			}
 		});
 	}

test/urlTest.js

@@ -50,6 +50,10 @@ describe("url", function() {
 						"require("+JSON.stringify("!"+path.join(__dirname, "..", "index.js")+"!test/css")+")",
 						"\"}\"",
 						"\"\\n.class { a: b c d; }\""]);
+	test("import external", "@import url(http://example.com/style.css);\n@import url(\"//example.com/style.css\");",
+					["\"@import url(http://example.com/style.css);\"",
+						"\"@import url(//example.com/style.css);\"",
+						"\"\\n\""]);
 	test("background img", ".class { background: green url( \"img.png\" ) xyz }",
 					["\".class { background: green url( \"+require(\"./img.png\")+\" ) xyz }\""]);
 	test("background img 2", ".class { background: green url(~img/png ) url(aaa) xyz }",