diff --git a/src/plugins/postcss-import-parser.js b/src/plugins/postcss-import-parser.js
index 7bb5e65c1..dd7adf2b7 100644
--- a/src/plugins/postcss-import-parser.js
+++ b/src/plugins/postcss-import-parser.js
@@ -196,12 +196,8 @@ const plugin = (options = {}) => {
               } = parsedAtRule;
 
               if (options.filter) {
-                const needKeep = await options.filter(
-                  url,
-                  media,
-                  layer,
-                  supports
-                );
+                // TODO add `layer` and `supports`
+                const needKeep = await options.filter(url, media);
 
                 if (!needKeep) {
                   return;
diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap
index 72b6224c6..d3e5a7921 100644
--- a/test/__snapshots__/import-option.test.js.snap
+++ b/test/__snapshots__/import-option.test.js.snap
@@ -570,8 +570,8 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_14___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_15___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_16___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex) screen and (orientation:landscape)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\", false, \\"supports(display: flex)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
@@ -593,30 +593,30 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
 ___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);\\"]);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_26___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_27___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\", \\"supports(display: flex) screen and (min-width: 400px)\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default)supports(display: flex)screen and (min-width:400px)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"layer\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\", \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width:400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     )\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ layer(/* comment */default/* comment */) /* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen     and     (     min-width     :     400px     )\\", false, \\"supports(     display     :     flex     )\\", \\"layer(     default     )\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */)\\", false, \\"/* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)\\", \\"/* comment */ layer(/* comment */default/* comment */)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ print and (orientation:landscape)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ print and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_28___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, \\"supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, \\"layer(default) supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_28___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, \\"\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n@import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n\\\\n/* Prefer relative */\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n  @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n\\\\n/* Prefer relative */\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
 // Exports
 export default ___CSS_LOADER_EXPORT___;
 "
@@ -791,13 +791,13 @@ a { color: red };.test {
 .test {
   a: a;
 }
-@media supports(display: flex) {.test {
+@supports(display: flex) {.test {
   a: a;
 }
-}@media supports(display: flex) screen and (orientation:landscape) {.test {
+}@supports(display: flex) {@media screen and (orientation:landscape) {.test {
   a: a;
 }
-}.my-box {
+}}.my-box {
   color: red;
 }
 .my-box {
@@ -850,37 +850,37 @@ a {
 .second {
     color: red;
 }
-@media supports(display: flex) {.test {
+@supports(display: flex) {.test {
   a: a;
 }
-}@media supports(display: flex) screen and (min-width: 400px) {.test {
+}@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-}@media layer {.test {
+}}@layer {.test {
   a: a;
 }
-}@media layer(default) {.test {
+}@layer(default) {.test {
   a: a;
 }
-}@media layer(default) supports(display: flex) screen and (min-width: 400px) {.test {
+}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-}@media supports(display: flex) screen and (min-width: 400px) {@import url(http://example.com/style.css);}@media layer(default)supports(display: flex)screen and (min-width:400px) {.test {
+}}}@supports(display: flex) {@media screen and (min-width: 400px) {@import url(http://example.com/style.css);}}@layer(default) {@supports(display: flex) {@media screen and (min-width:400px) {.test {
   a: a;
 }
-}@media screen and (min-width: 400px) {.test {
+}}}@media screen and (min-width: 400px) {.test {
   a: a;
 }
-}@media layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     ) {.test {
+}@layer(     default     ) {@supports(     display     :     flex     ) {@media screen     and     (     min-width     :     400px     ) {.test {
   a: a;
 }
-}@media layer(default) supports(display: flex) screen and (min-width: 400px) {.test {
+}}}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-}@media /* comment */ layer(/* comment */default/* comment */) /* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */) {.test {
+}}}@/* comment */ layer(/* comment */default/* comment */) {@/* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */) {@media /* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */) {.test {
   a: a;
 }
-}.test {
+}}}.test {
   a: a;
 }
 .test {
@@ -892,22 +892,22 @@ a {
 }@media /* comment */ print and (orientation:landscape) {.test {
   a: a;
 }
-}@media supports(display: flex) and supports(display: grid) {.test {
+}@supports(display: flex) and supports(display: grid) {.test {
   a: a;
 }
-}@media supports(display: flex) {}@media supports(display: flex) screen and (min-width: 400px) and supports(display: grid) handheld and (max-width: 400px) {.test {
+}@supports(display: flex) {}@supports(display: flex) and supports(display: grid) {@media screen and (min-width: 400px) and handheld and (max-width: 400px) {.test {
   a: a;
 }
-}@media supports(display: flex) screen and (min-width: 400px) {}@media layer(default) and layer(base) supports(display: grid) {.test {
+}}@supports(display: flex) {@media screen and (min-width: 400px) {}}@layer(base) {@layer(default) and supports(display: grid) {.test {
   a: a;
 }
-}@media layer(default) {}@media layer(default) and layer {.test {
+}}@layer(default) {}@layer(default) and layer {.test {
   a: a;
 }
-}@media layer(default) {}@media layer(default) supports(display: flex) and layer(base) {.test {
+}@layer(default) {}@layer(default) {@supports(display: flex) and layer(base) {.test {
   a: a;
 }
-}@media layer(default) supports(display: flex) {}@media layer(default) supports(display: flex) screen and (min-width: 400px) {}@import url();
+}}@layer(default) {@supports(display: flex) {}}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {}}}@import url();
 @import url('');
 @import url(\\"\\");
 @import '';
@@ -928,7 +928,7 @@ a {
 }
 
 .foo {
-@import 'path.css';
+  @import 'path.css';
 }
 
 .background {
@@ -1142,8 +1142,8 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_14___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_15___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_16___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex) screen and (orientation:landscape)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\", false, \\"supports(display: flex)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
@@ -1165,898 +1165,321 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
 ___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);\\"]);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_26___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_27___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\", \\"supports(display: flex) screen and (min-width: 400px)\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default)supports(display: flex)screen and (min-width:400px)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"layer\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\", \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width:400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     )\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ layer(/* comment */default/* comment */) /* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen     and     (     min-width     :     400px     )\\", false, \\"supports(     display     :     flex     )\\", \\"layer(     default     )\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */)\\", false, \\"/* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)\\", \\"/* comment */ layer(/* comment */default/* comment */)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ print and (orientation:landscape)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ print and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_28___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, \\"supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, \\"layer(default) supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_28___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, \\"\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n@import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n\\\\n/* Prefer relative */\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n  @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n\\\\n/* Prefer relative */\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
 // Exports
 export default ___CSS_LOADER_EXPORT___;
 "
 `;
 
 exports[`"import" option should work when not specified: result 1`] = `
-Array [
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+".test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+@media screen and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@media screen and (orientation: landscape) {.test {
   a: a;
 }
-",
-    "screen and (orientation: landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@media screen and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@media screen and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-nested-media.css",
-    "a {
+}@media screen and (orientation:landscape) and (min-width: 100px) {a {
   b: b;
 }
-",
-    "screen and (orientation:landscape) and (min-width: 100px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-media.css",
-    ".test {
+}@media screen and (orientation:landscape) {.test {
   c: c;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-other.css",
-    ".test {
+}@media (min-width: 100px) {.test {
   d: d;
 }
-",
-    "(min-width: 100px)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css?#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css?foo=bar#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/other-style.css);",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/other-style.css);",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(//example.com/style.css);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/test.css",
-    ".test {
+}@import url(http://example.com/style.css);@import url(http://example.com/style.css);@import url(http://example.com/style.css#hash);@import url(http://example.com/style.css?#hash);@import url(http://example.com/style.css?foo=bar#hash);@media screen and (orientation:landscape) {@import url(http://example.com/other-style.css);}@media screen and (orientation:landscape) {@import url(http://example.com/other-style.css);}@import url(//example.com/style.css);.test {
   d: d
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/query.css?foo=1&bar=1",
-    ".query {
+.query {
   e: e;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/other-query.css?foo=1&bar=1#hash",
-    ".other-query {
+.other-query {
   f: f;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/other-query.css?foo=1&bar=1#hash",
-    ".other-query {
+@media screen and (orientation:landscape) {.other-query {
   f: f;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Roboto);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/relative.css",
-    ".relative {
+}@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);.relative {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/top-relative.css",
-    ".top-relative {
+.top-relative {
   color: black;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/tilde.css",
-    ".tilde {
+.tilde {
   color: yellow;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/alias.css",
-    ".alias {
+.alias {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/url.css",
-    ".background-imported {
+.background-imported {
   background: url(replaced_file_protocol_/webpack/public/path/img.png);
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!../helpers/string-loader.js?esModule=false!./import/node_modules/package/tilde.css",
-    "a { color: red };",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css?foo=bar",
-    ".test {
+a { color: red };.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css?foo=bar#hash",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css?#hash",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+@supports(display: flex) {.test {
   a: a;
 }
-",
-    "supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@supports(display: flex) {@media screen and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "supports(display: flex) screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css",
-    ".my-box {
-  color: red;
-}
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css",
-    ".my-box {
+}}.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#hash",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#hash",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?bar=foo",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#one",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#two",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=1&bar=2",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=2&bar=1",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.my-box {
+  color: red;
+}
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/my.scss",
-    "a {
+a {
   color: red;
-}",
-    "",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Roboto);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!../helpers/string-loader.js?esModule=false!./import/node_modules/package/tilde.css",
-    "a { color: red };",
-    "",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/package/first.css",
-    ".first {
+}@import url(https://fonts.googleapis.com/css?family=Roboto);a { color: red };@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);.first {
     color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/second.css",
-    ".second {
+.second {
     color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+@supports(display: flex) {.test {
   a: a;
 }
-",
-    "supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-",
-    "supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}@layer {.test {
   a: a;
 }
-",
-    "layer",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@layer(default) {.test {
   a: a;
 }
-",
-    "layer(default)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-",
-    "layer(default) supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-    "supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}@supports(display: flex) {@media screen and (min-width: 400px) {@import url(http://example.com/style.css);}}@layer(default) {@supports(display: flex) {@media screen and (min-width:400px) {.test {
   a: a;
 }
-",
-    "layer(default)supports(display: flex)screen and (min-width:400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}@media screen and (min-width: 400px) {.test {
   a: a;
 }
-",
-    "screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@layer(     default     ) {@supports(     display     :     flex     ) {@media screen     and     (     min-width     :     400px     ) {.test {
   a: a;
 }
-",
-    "layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     )",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-",
-    "layer(default) supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}@/* comment */ layer(/* comment */default/* comment */) {@/* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */) {@media /* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */) {.test {
   a: a;
 }
-",
-    "/* comment */ layer(/* comment */default/* comment */) /* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+@media /* comment */ print and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "/* comment */ print and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@media /* comment */ print and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "/* comment */ print and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@supports(display: flex) and supports(display: grid) {.test {
   a: a;
 }
-",
-    "supports(display: flex) and supports(display: grid)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-supports.css",
-    "",
-    "supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@supports(display: flex) {}@supports(display: flex) and supports(display: grid) {@media screen and (min-width: 400px) and handheld and (max-width: 400px) {.test {
   a: a;
 }
-",
-    "supports(display: flex) screen and (min-width: 400px) and supports(display: grid) handheld and (max-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-supports-and-media.css",
-    "",
-    "supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}@supports(display: flex) {@media screen and (min-width: 400px) {}}@layer(base) {@layer(default) and supports(display: grid) {.test {
   a: a;
 }
-",
-    "layer(default) and layer(base) supports(display: grid)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer.css",
-    "",
-    "layer(default)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}@layer(default) {}@layer(default) and layer {.test {
   a: a;
 }
-",
-    "layer(default) and layer",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-unnamed.css",
-    "",
-    "layer(default)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@layer(default) {}@layer(default) {@supports(display: flex) and layer(base) {.test {
   a: a;
 }
-",
-    "layer(default) supports(display: flex) and layer(base)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-and-supports.css",
-    "",
-    "layer(default) supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-and-supports-and-media.css",
-    "",
-    "layer(default) supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url();
+}}@layer(default) {@supports(display: flex) {}}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {}}}@import url();
 @import url('');
 @import url(\\"\\");
 @import '';
@@ -2077,7 +1500,7 @@ Array [
 }
 
 .foo {
-@import 'path.css';
+  @import 'path.css';
 }
 
 .background {
@@ -2106,10 +1529,7 @@ Array [
 
 /* TODO fix comments */
 /* TODO check source maps generation */
-",
-    "",
-  ],
-]
+"
 `;
 
 exports[`"import" option should work when not specified: warnings 1`] = `
@@ -2555,17 +1975,14 @@ var ___CSS_LOADER_URL_IMPORT_0___ = new URL(\\"./img.png\\", import.meta.url);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\ntest.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and (orientation:landscape);\\\\n@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);\\\\n@import url(test.css)screen and (orientation:landscape);\\\\n@import url(test.css)  screen and (orientation:landscape);\\\\n@import url(test-media.css) screen and (orientation:landscape);\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css#hash);\\\\n@import url(http://example.com/style.css?#hash);\\\\n@import url(http://example.com/style.css?foo=bar#hash);\\\\n@import url(http://example.com/other-style.css) screen and (orientation:landscape);\\\\n@import url(http://example.com/other-style.css) screen and (orientation:landscape);\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n@import url('other-query.css?foo=1&bar=1#hash') screen and (orientation:landscape);\\\\n@import url('https://fonts.googleapis.com/css?family=Roboto');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n@import 'path.css';\\\\n}\\\\n\\\\n@import url('./relative.css');\\\\n@import url('../import/top-relative.css');\\\\n@import url(~package/tilde.css);\\\\n@import url(~aliasesImport/alias.css);\\\\n@import url('./url.css');\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n@import url(./test.css);\\\\n\\\\n@import './te\\\\\\\\\\\\nst.css';\\\\n@import './te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css';\\\\n@import url('./te\\\\\\\\\\\\nst.css');\\\\n@import url('./te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css');\\\\n\\\\n@import \\\\\\"./te'st.css\\\\\\";\\\\n@import url(\\\\\\"./te'st.css\\\\\\");\\\\n@import './te\\\\\\\\'st.css';\\\\n@import url('./te\\\\\\\\'st.css');\\\\n@import './test test.css';\\\\n@import url('./test test.css');\\\\n@import './test\\\\\\\\ test.css';\\\\n@import url('./test\\\\\\\\ test.css');\\\\n@import './test%20test.css';\\\\n@import url('./test%20test.css');\\\\n@import './\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import './t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import url(./test\\\\\\\\ test.css);\\\\n@import url(./t\\\\\\\\65st%20test.css);\\\\n@import url('./t\\\\\\\\65st%20test.css');\\\\n@import url(\\\\\\"./t\\\\\\\\65st%20test.css\\\\\\");\\\\n@import \\\\\\"./t\\\\\\\\65st%20test.css\\\\\\";\\\\n@import './t\\\\\\\\65st%20test.css';\\\\n@import url(                 test.css                      );\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!~package/tilde.css');\\\\n@import url(test.css?foo=bar);\\\\n@import url(test.css?foo=bar#hash);\\\\n@import url(test.css?#hash);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex) screen and (orientation:landscape);\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css');\\\\n@import url('something.css');\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar');\\\\n@import url('something.css?foo=bar');\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar#hash');\\\\n@import url('something.css?foo=bar#hash');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar');\\\\n@import url('something.css?bar=foo');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar#one');\\\\n@import url('something.css?foo=bar#two');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=1&bar=2');\\\\n@import url('something.css?foo=2&bar=1');\\\\n\\\\n@import \\\\\\"   ./test.css   \\\\\\";\\\\n@import url('   ./test.css   ');\\\\n@import url(   ./test.css   );\\\\n\\\\n@import \\\\\\"./my.scss\\\\\\";\\\\n\\\\n@import url('   https://fonts.googleapis.com/css?family=Roboto   ');\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n@import url('   !!../../helpers/string-loader.js?esModule=false!~package/tilde.css   ');\\\\n@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);\\\\n\\\\n/* Prefer relative */\\\\n@import url(package/first.css);\\\\n@import url(package/second.css);\\\\n\\\\n@import url(\\\\\\"./test.css\\\\\\") supports(display: flex);\\\\n@import url(\\\\\\"./test.css\\\\\\") supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\") layer;\\\\n@import url(\\\\\\"./test.css\\\\\\") layer(default);\\\\n@import url(\\\\\\"./test.css\\\\\\") layer(default) supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"http://example.com/style.css\\\\\\") supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")layer(default)supports(display: flex)screen and (min-width:400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")     layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     );\\\\n@import url(\\\\\\"./test.css\\\\\\") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);\\\\n@import url(\\\\\\"./test.css\\\\\\") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);\\\\n@import url(test.css) /* Comment */;\\\\n@import /* Comment */ url(test.css) /* Comment */;\\\\n@import url(test.css) /* Comment */ print and (orientation:landscape);\\\\n@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);\\\\n\\\\n@import url(\\\\\\"./import-with-supports.css\\\\\\") supports(display: flex);\\\\n@import url(\\\\\\"./import-with-supports-and-media.css\\\\\\") supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./import-with-layer.css\\\\\\") layer(default);\\\\n@import url(\\\\\\"./import-with-layer-unnamed.css\\\\\\") layer(default);\\\\n@import url(\\\\\\"./import-with-layer-and-supports.css\\\\\\") layer(default) supports(display: flex);\\\\n@import url(\\\\\\"./import-with-layer-and-supports-and-media.css\\\\\\") layer(default) supports(display: flex) screen and (min-width: 400px);\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n  test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and (orientation:landscape);\\\\n@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);\\\\n@import url(test.css)screen and (orientation:landscape);\\\\n@import url(test.css)  screen and (orientation:landscape);\\\\n@import url(test-media.css) screen and (orientation:landscape);\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css#hash);\\\\n@import url(http://example.com/style.css?#hash);\\\\n@import url(http://example.com/style.css?foo=bar#hash);\\\\n@import url(http://example.com/other-style.css) screen and (orientation:landscape);\\\\n@import url(http://example.com/other-style.css) screen and (orientation:landscape);\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n@import url('other-query.css?foo=1&bar=1#hash') screen and (orientation:landscape);\\\\n@import url('https://fonts.googleapis.com/css?family=Roboto');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n  @import 'path.css';\\\\n}\\\\n\\\\n@import url('./relative.css');\\\\n@import url('../import/top-relative.css');\\\\n@import url(~package/tilde.css);\\\\n@import url(~aliasesImport/alias.css);\\\\n@import url('./url.css');\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n@import url(./test.css);\\\\n\\\\n@import './te\\\\\\\\\\\\nst.css';\\\\n@import './te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css';\\\\n@import url('./te\\\\\\\\\\\\nst.css');\\\\n@import url('./te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css');\\\\n\\\\n@import \\\\\\"./te'st.css\\\\\\";\\\\n@import url(\\\\\\"./te'st.css\\\\\\");\\\\n@import './te\\\\\\\\'st.css';\\\\n@import url('./te\\\\\\\\'st.css');\\\\n@import './test test.css';\\\\n@import url('./test test.css');\\\\n@import './test\\\\\\\\ test.css';\\\\n@import url('./test\\\\\\\\ test.css');\\\\n@import './test%20test.css';\\\\n@import url('./test%20test.css');\\\\n@import './\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import './t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import url(./test\\\\\\\\ test.css);\\\\n@import url(./t\\\\\\\\65st%20test.css);\\\\n@import url('./t\\\\\\\\65st%20test.css');\\\\n@import url(\\\\\\"./t\\\\\\\\65st%20test.css\\\\\\");\\\\n@import \\\\\\"./t\\\\\\\\65st%20test.css\\\\\\";\\\\n@import './t\\\\\\\\65st%20test.css';\\\\n@import url(                 test.css                      );\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!~package/tilde.css');\\\\n@import url(test.css?foo=bar);\\\\n@import url(test.css?foo=bar#hash);\\\\n@import url(test.css?#hash);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex) screen and (orientation:landscape);\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css');\\\\n@import url('something.css');\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar');\\\\n@import url('something.css?foo=bar');\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar#hash');\\\\n@import url('something.css?foo=bar#hash');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar');\\\\n@import url('something.css?bar=foo');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar#one');\\\\n@import url('something.css?foo=bar#two');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=1&bar=2');\\\\n@import url('something.css?foo=2&bar=1');\\\\n\\\\n@import \\\\\\"   ./test.css   \\\\\\";\\\\n@import url('   ./test.css   ');\\\\n@import url(   ./test.css   );\\\\n\\\\n@import \\\\\\"./my.scss\\\\\\";\\\\n\\\\n@import url('   https://fonts.googleapis.com/css?family=Roboto   ');\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n@import url('   !!../../helpers/string-loader.js?esModule=false!~package/tilde.css   ');\\\\n@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);\\\\n\\\\n/* Prefer relative */\\\\n@import url(package/first.css);\\\\n@import url(package/second.css);\\\\n\\\\n@import url(\\\\\\"./test.css\\\\\\") supports(display: flex);\\\\n@import url(\\\\\\"./test.css\\\\\\") supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\") layer;\\\\n@import url(\\\\\\"./test.css\\\\\\") layer(default);\\\\n@import url(\\\\\\"./test.css\\\\\\") layer(default) supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"http://example.com/style.css\\\\\\") supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")layer(default)supports(display: flex)screen and (min-width:400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")     layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     );\\\\n@import url(\\\\\\"./test.css\\\\\\") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);\\\\n@import url(\\\\\\"./test.css\\\\\\") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);\\\\n@import url(test.css) /* Comment */;\\\\n@import /* Comment */ url(test.css) /* Comment */;\\\\n@import url(test.css) /* Comment */ print and (orientation:landscape);\\\\n@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);\\\\n\\\\n@import url(\\\\\\"./import-with-supports.css\\\\\\") supports(display: flex);\\\\n@import url(\\\\\\"./import-with-supports-and-media.css\\\\\\") supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./import-with-layer.css\\\\\\") layer(default);\\\\n@import url(\\\\\\"./import-with-layer-unnamed.css\\\\\\") layer(default);\\\\n@import url(\\\\\\"./import-with-layer-and-supports.css\\\\\\") layer(default) supports(display: flex);\\\\n@import url(\\\\\\"./import-with-layer-and-supports-and-media.css\\\\\\") layer(default) supports(display: flex) screen and (min-width: 400px);\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
 // Exports
 export default ___CSS_LOADER_EXPORT___;
 "
 `;
 
 exports[`"import" option should work with a value equal to "false": result 1`] = `
-Array [
-  Array [
-    "./import/import.css",
-    "@import url(test.css);
+"@import url(test.css);
 @import url('test.css');
 @import url(\\"test.css\\");
 @IMPORT url(test.css);
@@ -2574,7 +1991,7 @@ Array [
 @import url( test.css);
 @import url( test.css );
 @import url(
-test.css
+  test.css
 );
 @import url();
 @import url('');
@@ -2620,7 +2037,7 @@ test.css
 }
 
 .foo {
-@import 'path.css';
+  @import 'path.css';
 }
 
 @import url('./relative.css');
@@ -2751,10 +2168,7 @@ st.css');
 
 /* TODO fix comments */
 /* TODO check source maps generation */
-",
-    "",
-  ],
-]
+"
 `;
 
 exports[`"import" option should work with a value equal to "false": warnings 1`] = `Array []`;
@@ -2868,8 +2282,8 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_14___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_15___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_16___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex) screen and (orientation:landscape)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\", false, \\"supports(display: flex)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
@@ -2891,898 +2305,321 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
 ___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);\\"]);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_26___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_27___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\", \\"supports(display: flex) screen and (min-width: 400px)\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default)supports(display: flex)screen and (min-width:400px)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"layer\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\", \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width:400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     )\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ layer(/* comment */default/* comment */) /* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen     and     (     min-width     :     400px     )\\", false, \\"supports(     display     :     flex     )\\", \\"layer(     default     )\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */)\\", false, \\"/* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)\\", \\"/* comment */ layer(/* comment */default/* comment */)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ print and (orientation:landscape)\\");
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"/* comment */ print and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_28___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, \\"supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, \\"layer(default) supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_28___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, \\"\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n@import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n\\\\n/* Prefer relative */\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n  @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n\\\\n/* Prefer relative */\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
 // Exports
 export default ___CSS_LOADER_EXPORT___;
 "
 `;
 
 exports[`"import" option should work with a value equal to "true": result 1`] = `
-Array [
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
-  a: a;
-}
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
-  a: a;
-}
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+".test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "screen and (orientation: landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+@media screen and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@media screen and (orientation: landscape) {.test {
   a: a;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-nested-media.css",
-    "a {
+}@media screen and (orientation:landscape) {.test {
+  a: a;
+}
+}@media screen and (orientation:landscape) {.test {
+  a: a;
+}
+}@media screen and (orientation:landscape) and (min-width: 100px) {a {
   b: b;
 }
-",
-    "screen and (orientation:landscape) and (min-width: 100px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-media.css",
-    ".test {
+}@media screen and (orientation:landscape) {.test {
   c: c;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-other.css",
-    ".test {
+}@media (min-width: 100px) {.test {
   d: d;
 }
-",
-    "(min-width: 100px)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css?#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css?foo=bar#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/other-style.css);",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/other-style.css);",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(//example.com/style.css);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/test.css",
-    ".test {
+}@import url(http://example.com/style.css);@import url(http://example.com/style.css);@import url(http://example.com/style.css#hash);@import url(http://example.com/style.css?#hash);@import url(http://example.com/style.css?foo=bar#hash);@media screen and (orientation:landscape) {@import url(http://example.com/other-style.css);}@media screen and (orientation:landscape) {@import url(http://example.com/other-style.css);}@import url(//example.com/style.css);.test {
   d: d
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/query.css?foo=1&bar=1",
-    ".query {
+.query {
   e: e;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/other-query.css?foo=1&bar=1#hash",
-    ".other-query {
+.other-query {
   f: f;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/other-query.css?foo=1&bar=1#hash",
-    ".other-query {
+@media screen and (orientation:landscape) {.other-query {
   f: f;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Roboto);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/relative.css",
-    ".relative {
+}@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);.relative {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/top-relative.css",
-    ".top-relative {
+.top-relative {
   color: black;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/tilde.css",
-    ".tilde {
+.tilde {
   color: yellow;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/alias.css",
-    ".alias {
+.alias {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/url.css",
-    ".background-imported {
+.background-imported {
   background: url(replaced_file_protocol_/webpack/public/path/img.png);
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test test.css",
-    ".space {
+.space {
   color: gray;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!../helpers/string-loader.js?esModule=false!./import/node_modules/package/tilde.css",
-    "a { color: red };",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css?foo=bar",
-    ".test {
+a { color: red };.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css?foo=bar#hash",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css?#hash",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+@supports(display: flex) {.test {
   a: a;
 }
-",
-    "supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@supports(display: flex) {@media screen and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "supports(display: flex) screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css",
-    ".my-box {
+}}.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#hash",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#hash",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?bar=foo",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#one",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#two",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=1&bar=2",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=2&bar=1",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/my.scss",
-    "a {
+a {
   color: red;
-}",
-    "",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Roboto);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!../helpers/string-loader.js?esModule=false!./import/node_modules/package/tilde.css",
-    "a { color: red };",
-    "",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/package/first.css",
-    ".first {
+}@import url(https://fonts.googleapis.com/css?family=Roboto);a { color: red };@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);.first {
     color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/second.css",
-    ".second {
+.second {
     color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+@supports(display: flex) {.test {
   a: a;
 }
-",
-    "supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-",
-    "supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}@layer {.test {
   a: a;
 }
-",
-    "layer",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@layer(default) {.test {
   a: a;
 }
-",
-    "layer(default)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-",
-    "layer(default) supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-    "supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}@supports(display: flex) {@media screen and (min-width: 400px) {@import url(http://example.com/style.css);}}@layer(default) {@supports(display: flex) {@media screen and (min-width:400px) {.test {
   a: a;
 }
-",
-    "layer(default)supports(display: flex)screen and (min-width:400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}@media screen and (min-width: 400px) {.test {
   a: a;
 }
-",
-    "screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@layer(     default     ) {@supports(     display     :     flex     ) {@media screen     and     (     min-width     :     400px     ) {.test {
   a: a;
 }
-",
-    "layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     )",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {.test {
   a: a;
 }
-",
-    "layer(default) supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}@/* comment */ layer(/* comment */default/* comment */) {@/* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */) {@media /* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */) {.test {
   a: a;
 }
-",
-    "/* comment */ layer(/* comment */default/* comment */) /* comment */ supports(/* comment */display/* comment */:/* comment */ flex/* comment */)/* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}}.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+.test {
   a: a;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+@media /* comment */ print and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "/* comment */ print and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@media /* comment */ print and (orientation:landscape) {.test {
   a: a;
 }
-",
-    "/* comment */ print and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@supports(display: flex) and supports(display: grid) {.test {
   a: a;
 }
-",
-    "supports(display: flex) and supports(display: grid)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-supports.css",
-    "",
-    "supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@supports(display: flex) {}@supports(display: flex) and supports(display: grid) {@media screen and (min-width: 400px) and handheld and (max-width: 400px) {.test {
   a: a;
 }
-",
-    "supports(display: flex) screen and (min-width: 400px) and supports(display: grid) handheld and (max-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-supports-and-media.css",
-    "",
-    "supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}@supports(display: flex) {@media screen and (min-width: 400px) {}}@layer(base) {@layer(default) and supports(display: grid) {.test {
   a: a;
 }
-",
-    "layer(default) and layer(base) supports(display: grid)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer.css",
-    "",
-    "layer(default)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}}@layer(default) {}@layer(default) and layer {.test {
   a: a;
 }
-",
-    "layer(default) and layer",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-unnamed.css",
-    "",
-    "layer(default)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
-    ".test {
+}@layer(default) {}@layer(default) {@supports(display: flex) and layer(base) {.test {
   a: a;
 }
-",
-    "layer(default) supports(display: flex) and layer(base)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-and-supports.css",
-    "",
-    "layer(default) supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-and-supports-and-media.css",
-    "",
-    "layer(default) supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url();
+}}@layer(default) {@supports(display: flex) {}}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {}}}@import url();
 @import url('');
 @import url(\\"\\");
 @import '';
@@ -3803,7 +2640,7 @@ Array [
 }
 
 .foo {
-@import 'path.css';
+  @import 'path.css';
 }
 
 .background {
@@ -3832,10 +2669,7 @@ Array [
 
 /* TODO fix comments */
 /* TODO check source maps generation */
-",
-    "",
-  ],
-]
+"
 `;
 
 exports[`"import" option should work with a value equal to "true": warnings 1`] = `
@@ -4023,364 +2857,112 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_10___);
 ___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);\\"]);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_20___);
 ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_21___);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\", \\"supports(display: flex) screen and (min-width: 400px)\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_22___, \\"supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_23___, \\"supports(display: flex) screen and (min-width: 400px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_25___, \\"layer(default)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_26___, \\"layer(default) supports(display: flex)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_27___, \\"layer(default) supports(display: flex) screen and (min-width: 400px)\\");
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\", \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_22___, \\"\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_23___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_25___, \\"\\", false, \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_26___, \\"\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_27___, \\"screen and (min-width: 400px)\\", false, \\"supports(display: flex)\\", \\"layer(default)\\");
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\ntest.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and (orientation:landscape);\\\\n@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);\\\\n@import url(test.css)screen and (orientation:landscape);\\\\n@import url(test.css)  screen and (orientation:landscape);\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n@import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n@import url(./test.css);\\\\n\\\\n@import './te\\\\\\\\\\\\nst.css';\\\\n@import './te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css';\\\\n@import url('./te\\\\\\\\\\\\nst.css');\\\\n@import url('./te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css');\\\\n@import './test test.css';\\\\n@import url('./test test.css');\\\\n@import './test\\\\\\\\ test.css';\\\\n@import url('./test\\\\\\\\ test.css');\\\\n@import './test%20test.css';\\\\n@import url('./test%20test.css');\\\\n@import './\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import './t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import url(./test\\\\\\\\ test.css);\\\\n@import url(./t\\\\\\\\65st%20test.css);\\\\n@import url('./t\\\\\\\\65st%20test.css');\\\\n@import url(\\\\\\"./t\\\\\\\\65st%20test.css\\\\\\");\\\\n@import \\\\\\"./t\\\\\\\\65st%20test.css\\\\\\";\\\\n@import './t\\\\\\\\65st%20test.css';\\\\n@import url(                 test.css                      );\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n@import url(test.css?foo=bar);\\\\n@import url(test.css?foo=bar#hash);\\\\n@import url(test.css?#hash);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex) screen and (orientation:landscape);\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import \\\\\\"   ./test.css   \\\\\\";\\\\n@import url('   ./test.css   ');\\\\n@import url(   ./test.css   );\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n\\\\n/* Prefer relative */\\\\n\\\\n@import url(\\\\\\"./test.css\\\\\\") supports(display: flex);\\\\n@import url(\\\\\\"./test.css\\\\\\") supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\") layer;\\\\n@import url(\\\\\\"./test.css\\\\\\") layer(default);\\\\n@import url(\\\\\\"./test.css\\\\\\") layer(default) supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")layer(default)supports(display: flex)screen and (min-width:400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")     layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     );\\\\n@import url(\\\\\\"./test.css\\\\\\") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);\\\\n@import url(\\\\\\"./test.css\\\\\\") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);\\\\n@import url(test.css) /* Comment */;\\\\n@import /* Comment */ url(test.css) /* Comment */;\\\\n@import url(test.css) /* Comment */ print and (orientation:landscape);\\\\n@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n  test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and (orientation:landscape);\\\\n@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);\\\\n@import url(test.css)screen and (orientation:landscape);\\\\n@import url(test.css)  screen and (orientation:landscape);\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n  @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n  background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n@import url(./test.css);\\\\n\\\\n@import './te\\\\\\\\\\\\nst.css';\\\\n@import './te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css';\\\\n@import url('./te\\\\\\\\\\\\nst.css');\\\\n@import url('./te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css');\\\\n@import './test test.css';\\\\n@import url('./test test.css');\\\\n@import './test\\\\\\\\ test.css';\\\\n@import url('./test\\\\\\\\ test.css');\\\\n@import './test%20test.css';\\\\n@import url('./test%20test.css');\\\\n@import './\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import './t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import url(./test\\\\\\\\ test.css);\\\\n@import url(./t\\\\\\\\65st%20test.css);\\\\n@import url('./t\\\\\\\\65st%20test.css');\\\\n@import url(\\\\\\"./t\\\\\\\\65st%20test.css\\\\\\");\\\\n@import \\\\\\"./t\\\\\\\\65st%20test.css\\\\\\";\\\\n@import './t\\\\\\\\65st%20test.css';\\\\n@import url(                 test.css                      );\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n@import url(test.css?foo=bar);\\\\n@import url(test.css?foo=bar#hash);\\\\n@import url(test.css?#hash);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex) screen and (orientation:landscape);\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import \\\\\\"   ./test.css   \\\\\\";\\\\n@import url('   ./test.css   ');\\\\n@import url(   ./test.css   );\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!');\\\\n\\\\n/* Prefer relative */\\\\n\\\\n@import url(\\\\\\"./test.css\\\\\\") supports(display: flex);\\\\n@import url(\\\\\\"./test.css\\\\\\") supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\") layer;\\\\n@import url(\\\\\\"./test.css\\\\\\") layer(default);\\\\n@import url(\\\\\\"./test.css\\\\\\") layer(default) supports(display: flex) screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")layer(default)supports(display: flex)screen and (min-width:400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")screen and (min-width: 400px);\\\\n@import url(\\\\\\"./test.css\\\\\\")     layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     );\\\\n@import url(\\\\\\"./test.css\\\\\\") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);\\\\n@import url(\\\\\\"./test.css\\\\\\") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);\\\\n@import url(test.css) /* Comment */;\\\\n@import /* Comment */ url(test.css) /* Comment */;\\\\n@import url(test.css) /* Comment */ print and (orientation:landscape);\\\\n@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);\\\\n\\\\n/* TODO fix comments */\\\\n/* TODO check source maps generation */\\\\n\\", \\"\\"]);
 // Exports
 export default ___CSS_LOADER_EXPORT___;
 "
 `;
 
 exports[`"import" option should work with import.filter: result 1`] = `
-Array [
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-nested-media.css",
-    "a {
+"@media screen and (orientation:landscape) and (min-width: 100px) {a {
   b: b;
 }
-",
-    "screen and (orientation:landscape) and (min-width: 100px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-media.css",
-    ".test {
+}@media screen and (orientation:landscape) {.test {
   c: c;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test-other.css",
-    ".test {
+}@media (min-width: 100px) {.test {
   d: d;
 }
-",
-    "(min-width: 100px)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css?#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css?foo=bar#hash);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/other-style.css);",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/other-style.css);",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(//example.com/style.css);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/query.css?foo=1&bar=1",
-    ".query {
+}@import url(http://example.com/style.css);@import url(http://example.com/style.css);@import url(http://example.com/style.css#hash);@import url(http://example.com/style.css?#hash);@import url(http://example.com/style.css?foo=bar#hash);@media screen and (orientation:landscape) {@import url(http://example.com/other-style.css);}@media screen and (orientation:landscape) {@import url(http://example.com/other-style.css);}@import url(//example.com/style.css);.query {
   e: e;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/other-query.css?foo=1&bar=1#hash",
-    ".other-query {
+.other-query {
   f: f;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/other-query.css?foo=1&bar=1#hash",
-    ".other-query {
+@media screen and (orientation:landscape) {.other-query {
   f: f;
 }
-",
-    "screen and (orientation:landscape)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Roboto);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/relative.css",
-    ".relative {
+}@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);.relative {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/top-relative.css",
-    ".top-relative {
+.top-relative {
   color: black;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/tilde.css",
-    ".tilde {
+.tilde {
   color: yellow;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/alias.css",
-    ".alias {
+.alias {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/url.css",
-    ".background-imported {
+.background-imported {
   background: url(replaced_file_protocol_/webpack/public/path/img.png);
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/te'st.css",
-    ".strange {
+.strange {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!../helpers/string-loader.js?esModule=false!./import/node_modules/package/tilde.css",
-    "a { color: red };",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css",
-    ".my-box {
+a { color: red };.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#hash",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#hash",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?bar=foo",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#one",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=bar#two",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=1&bar=2",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/something.css?foo=2&bar=1",
-    ".my-box {
+.my-box {
   color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/my.scss",
-    "a {
+a {
   color: red;
-}",
-    "",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(https://fonts.googleapis.com/css?family=Roboto);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!../helpers/string-loader.js?esModule=false!./import/node_modules/package/tilde.css",
-    "a { color: red };",
-    "",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/package/first.css",
-    ".first {
+}@import url(https://fonts.googleapis.com/css?family=Roboto);a { color: red };@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);.first {
     color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/second.css",
-    ".second {
+.second {
     color: red;
 }
-",
-    "",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(http://example.com/style.css);",
-    "supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-supports.css",
-    "@import url('./test.css') supports(display: grid);",
-    "supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-supports-and-media.css",
-    "@import url('./test.css') supports(display: grid) handheld and (max-width: 400px);",
-    "supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer.css",
-    "@import url('./test.css') layer(base) supports(display: grid);",
-    "layer(default)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-unnamed.css",
-    "@import url('./test.css') layer;",
-    "layer(default)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-and-supports.css",
-    "@import url('./test.css') layer(base);",
-    "layer(default) supports(display: flex)",
-  ],
-  Array [
-    "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/import-with-layer-and-supports-and-media.css",
-    "",
-    "layer(default) supports(display: flex) screen and (min-width: 400px)",
-  ],
-  Array [
-    "./import/import.css",
-    "@import url(test.css);
+@supports(display: flex) {@media screen and (min-width: 400px) {@import url(http://example.com/style.css);}}@supports(display: flex) {@import url('./test.css') supports(display: grid);}@supports(display: flex) {@media screen and (min-width: 400px) {@import url('./test.css') supports(display: grid) handheld and (max-width: 400px);}}@layer(default) {@import url('./test.css') layer(base) supports(display: grid);}@layer(default) {@import url('./test.css') layer;}@layer(default) {@supports(display: flex) {@import url('./test.css') layer(base);}}@layer(default) {@supports(display: flex) {@media screen and (min-width: 400px) {}}}@import url(test.css);
 @import url('test.css');
 @import url(\\"test.css\\");
 @IMPORT url(test.css);
@@ -4389,7 +2971,7 @@ Array [
 @import url( test.css);
 @import url( test.css );
 @import url(
-test.css
+  test.css
 );
 @import url();
 @import url('');
@@ -4419,7 +3001,7 @@ test.css
 }
 
 .foo {
-@import 'path.css';
+  @import 'path.css';
 }
 
 .background {
@@ -4504,10 +3086,7 @@ st.css');
 
 /* TODO fix comments */
 /* TODO check source maps generation */
-",
-    "",
-  ],
-]
+"
 `;
 
 exports[`"import" option should work with import.filter: warnings 1`] = `
diff --git a/test/import-option.test.js b/test/import-option.test.js
index 81546173c..69f826906 100644
--- a/test/import-option.test.js
+++ b/test/import-option.test.js
@@ -13,7 +13,7 @@ import {
 } from "./helpers/index";
 
 describe('"import" option', () => {
-  it.only("should work when not specified", async () => {
+  it("should work when not specified", async () => {
     const compiler = getCompiler("./import/import.js");
     const stats = await compile(compiler);
 
diff --git a/test/runtime/__snapshots__/api.test.js.snap b/test/runtime/__snapshots__/api.test.js.snap
index 03a552911..a978bc028 100644
--- a/test/runtime/__snapshots__/api.test.js.snap
+++ b/test/runtime/__snapshots__/api.test.js.snap
@@ -13,9 +13,9 @@ exports[`api should toString a single module 1`] = `"body { a: 1; }"`;
 exports[`api should toString multiple modules 1`] = `"body { b: 2; }body { a: 1; }"`;
 
 exports[`api should toString with a source map without "sourceRoot" 1`] = `
-"body { a: 1; }
+"@[object Object] {body { a: 1; }
 /*# sourceURL=./path/to/test.scss */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJmaWxlIjoidGVzdC5zY3NzIiwic291cmNlcyI6WyIuL3BhdGgvdG8vdGVzdC5zY3NzIl0sIm1hcHBpbmdzIjoiQUFBQTsifQ== */"
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJmaWxlIjoidGVzdC5zY3NzIiwic291cmNlcyI6WyIuL3BhdGgvdG8vdGVzdC5zY3NzIl0sIm1hcHBpbmdzIjoiQUFBQTsifQ== */}"
 `;
 
 exports[`api should toString with a source map without map 1`] = `"@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');"`;
@@ -23,9 +23,9 @@ exports[`api should toString with a source map without map 1`] = `"@import url('
 exports[`api should toString with media query 1`] = `"body { b: 2; }body { c: 3; }body { b: 2; }@media print {body { b: 2; }}@media print {body { d: 4; }}@media screen {body { a: 1; }}"`;
 
 exports[`api should toString with source mapping 1`] = `
-"body { a: 1; }
+"@[object Object] {body { a: 1; }
 /*# sourceURL=webpack://./path/to/test.scss */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJmaWxlIjoidGVzdC5zY3NzIiwic291cmNlcyI6WyIuL3BhdGgvdG8vdGVzdC5zY3NzIl0sIm1hcHBpbmdzIjoiQUFBQTsiLCJzb3VyY2VSb290Ijoid2VicGFjazovLyJ9 */"
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJmaWxlIjoidGVzdC5zY3NzIiwic291cmNlcyI6WyIuL3BhdGgvdG8vdGVzdC5zY3NzIl0sIm1hcHBpbmdzIjoiQUFBQTsiLCJzb3VyY2VSb290Ijoid2VicGFjazovLyJ9 */}"
 `;
 
-exports[`api should toString without source mapping if btoa not available 1`] = `"body { a: 1; }"`;
+exports[`api should toString without source mapping if btoa not available 1`] = `"@[object Object] {body { a: 1; }}"`;
diff --git a/test/sourceMap-option.test.js b/test/sourceMap-option.test.js
index be9545829..34158860d 100644
--- a/test/sourceMap-option.test.js
+++ b/test/sourceMap-option.test.js
@@ -498,7 +498,7 @@ describe('"sourceMap" option', () => {
         (assetName) => /\.js$/.test(assetName)
       );
 
-      expect(chunkName).toBe("main.b67984bbf9dd298785fb.bundle.js");
+      expect(chunkName).toBe("main.3628d0280ee1837e6111.bundle.js");
       expect(
         getModuleSource("fixtures/source-map/basic.css", stats)
       ).toMatchSnapshot("module");