-",
-}
-`;
+exports[`"esModule" option should work with esModule css-loader + esModule mini-css-extract-plugin: warnings 1`] = `[]`;
+
+exports[`"esModule" option should work with esModule css-loader + esModule style-loader: errors 1`] = `[]`;
-exports[`"esModule" option should work with esModule css-loader + esModule style-loader: warnings 1`] = `Array []`;
+exports[`"esModule" option should work with esModule css-loader + esModule style-loader: warnings 1`] = `[]`;
diff --git a/test/__snapshots__/exportType.test.js.snap b/test/__snapshots__/exportType.test.js.snap
new file mode 100644
index 00000000..a0629c92
--- /dev/null
+++ b/test/__snapshots__/exportType.test.js.snap
@@ -0,0 +1,5172 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when \`esModule\` disabled, but 'modules.namedExport' enabled: errors 1`] = `
+[
+ "ModuleBuildError: Module build failed (from \`replaced original path\`):
+Error: The 'exportType' option with the 'css-style-sheet' or 'string' value requires the 'esModule' option to be enabled",
+]
+`;
+
+exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when \`esModule\` disabled, but 'modules.namedExport' enabled: warnings 1`] = `[]`;
+
+exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when \`esModule\` disabled: errors 1`] = `
+[
+ "ModuleBuildError: Module build failed (from \`replaced original path\`):
+Error: The 'exportType' option with the 'css-style-sheet' or 'string' value requires the 'esModule' option to be enabled",
+]
+`;
+
+exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when \`esModule\` disabled: warnings 1`] = `[]`;
+
+exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when named export disabled: errors 1`] = `
+[
+ "ModuleBuildError: Module build failed (from \`replaced original path\`):
+Error: The 'exportType' option with the 'css-style-sheet' or 'string' value requires the 'modules.namedExport' option to be enabled",
+]
+`;
+
+exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when named export disabled: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work and export 'array' by default: errors 1`] = `[]`;
+
+exports[`'exportType' option should work and export 'array' by default: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`'exportType' option should work and export 'array' by default: result 1`] = `
+[
+ [
+ "./basic.css",
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`'exportType' option should work and export 'array' by default: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'array' value: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'array' value: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`'exportType' option should work with 'array' value: result 1`] = `
+[
+ [
+ "./basic.css",
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`'exportType' option should work with 'array' value: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' and 'array' values: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' and 'array' values: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+export default ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' and 'array' values: module 2`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' and 'array' values: result 1`] = `
+[
+ CSSStyleSheet {
+ "text": "@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+ },
+ [
+ [
+ "./basic.css?foo=1",
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+ "",
+ ],
+ ],
+]
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' and 'array' values: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and CSS modules and still emit error on '@import' at-rules: errors 1`] = `
+[
+ "ModuleError: Module Error (from \`replaced original path\`):
+/test/fixtures/modules/composes/composes.css:1:1: '@import' rules are not allowed here and will not be processed",
+]
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and CSS modules and still emit error on '@import' at-rules: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./values.css";
+import ___CSS_LOADER_ICSS_IMPORT_1___, * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css";
+import ___CSS_LOADER_ICSS_IMPORT_2___, * as ___CSS_LOADER_ICSS_IMPORT_2____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported-simple.css";
+import ___CSS_LOADER_ICSS_IMPORT_3___, * as ___CSS_LOADER_ICSS_IMPORT_3____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+import ___CSS_LOADER_ICSS_IMPORT_4___, * as ___CSS_LOADER_ICSS_IMPORT_4____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css";
+import ___CSS_LOADER_ICSS_IMPORT_5___, * as ___CSS_LOADER_ICSS_IMPORT_5____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!../issue-861/node_modules/package/style.css";
+import ___CSS_LOADER_ICSS_IMPORT_6___, * as ___CSS_LOADER_ICSS_IMPORT_6____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css";
+import ___CSS_LOADER_ICSS_IMPORT_7___, * as ___CSS_LOADER_ICSS_IMPORT_7____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!sass-loader!./scss-file.scss";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("../../url/img.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_2___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_3___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_4___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_5___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_6___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_7___, "", true);
+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-other.css) (min-width: 100px);
+
+.ozGmfTedr1GnFJDWqNUH {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"] };
+}
+
+.zchqshjqLbPAHaRvIBET {
+ color: blue;
+}
+
+.WZBxXqS2GytaA3IBhhnd {
+ display: block;
+}
+
+.W51zcAMuJMsNFi1CXgWr {
+ width: \${ ___CSS_LOADER_ICSS_IMPORT_1____NAMED___["v-something"] };
+}
+
+.KEl5ZxzNkpjfWorrBglC {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-other"] };
+}
+
+.ecAEWh2vww9pNEdyj9Jn {
+ prop: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"] };
+ duplicate: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-other"] };
+}
+
+.CBlowYk8qiAgWWzFeXRA {
+ color: red;
+}
+
+.c_NHnDcX1bd_kuxgsuYi {
+ color: yellow;
+}
+
+.S0Kwou8pVmsENtBP3hYm {
+ color: gray;
+}
+
+.rq663Pq_zV0CjpwttvK4 {
+ color: gray;
+}
+
+.fadRMHArJofp7sWEbPVR {
+ color: gainsboro;
+}
+
+.sg1HlXqlWy6l6_Wm5iA7 {
+ color: gainsboro;
+}
+
+.bnRUswvicYag6u0SPnvI {
+ color: #BF4040;
+}
+
+.kEJRwpukB2OtmkGTknbU {
+ color: black;
+}
+
+@media (min-width: 960px) {
+ .hY2PI5vC9ABuJY1nkWnf {
+ padding: 0 20px;
+ }
+}
+
+.\${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["s-white"] } {
+ color: white;
+}
+
+@media \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["m-small"] } {
+ .hY2PI5vC9ABuJY1nkWnf {
+ padding: 20px 20px;
+ }
+}
+
+.q8mv0HutzqdsVWjl8mAz {
+ v-ident: validIdent;
+ v-pre-defined-ident: left;
+ v-string: 'content';
+ v-string-1: '';
+ v-url: url(https://www.exammple.com/images/my-background.png);
+ v-url-1: url('https://www.exammple.com/images/my-background.png');
+ v-url-2: url("https://www.exammple.com/images/my-background.png");
+ v-integer: 100;
+ v-integer-1: -100;
+ v-integer-2: +100;
+ v-number: .60;
+ v-number-1: -456.8;
+ v-number-2: -3.4e-2;
+ v-dimension: 12px;
+ v-percentage: 100%;
+ v-hex: #fff;
+ v-comment: /* comment */ 10px /* comment */;
+ v-function: rgb(0,0,0);
+ v-unicode-range: U+0025-00FF;
+ mutliple: #fff .60 100%;
+}
+
+
+a {
+ content: 'content';
+}
+
+@supports (content: 'content') {
+ a {
+ content: 'content';
+ }
+}
+
+[class~='content'] {
+ color:green;
+}
+
+.xajoqP1d3SwrjJ4WEM8g {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.Ix5nEHiVOsWuWxdx0twz {
+ background: red;
+}
+\`, ""]);
+// Exports
+var _1 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"]}\`;
+export { _1 as "v-def" };
+var _2 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-other"]}\`;
+export { _2 as "v-other" };
+var _3 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["s-white"]}\`;
+export { _3 as "s-white" };
+var _4 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["m-small"]}\`;
+export { _4 as "m-small" };
+var _5 = \`\${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["v-something"]}\`;
+export { _5 as "v-something" };
+var _6 = \`blue\`;
+export { _6 as "v-foo" };
+var _7 = \`block\`;
+export { _7 as "v-bar" };
+var _8 = \`#BF4040\`;
+export { _8 as "v-primary" };
+var _9 = \`black-selector\`;
+export { _9 as "s-black" };
+var _a = \`(min-width: 960px)\`;
+export { _a as "m-large" };
+var _b = \`validIdent\`;
+export { _b as "v-ident" };
+var _c = \`left\`;
+export { _c as "v-pre-defined-ident" };
+var _d = \`'content'\`;
+export { _d as "v-string" };
+var _e = \`''\`;
+export { _e as "v-string-1" };
+var _f = \`url(https://www.exammple.com/images/my-background.png)\`;
+export { _f as "v-url" };
+var _10 = \`url('https://www.exammple.com/images/my-background.png')\`;
+export { _10 as "v-url-1" };
+var _11 = \`url("https://www.exammple.com/images/my-background.png")\`;
+export { _11 as "v-url-2" };
+var _12 = \`100\`;
+export { _12 as "v-integer" };
+var _13 = \`-100\`;
+export { _13 as "v-integer-1" };
+var _14 = \`+100\`;
+export { _14 as "v-integer-2" };
+var _15 = \`.60\`;
+export { _15 as "v-number" };
+var _16 = \`-456.8\`;
+export { _16 as "v-number-1" };
+var _17 = \`-3.4e-2\`;
+export { _17 as "v-number-2" };
+var _18 = \`12px\`;
+export { _18 as "v-dimension" };
+var _19 = \`100%\`;
+export { _19 as "v-percentage" };
+var _1a = \`#fff\`;
+export { _1a as "v-hex" };
+var _1b = \` /* comment */\`;
+export { _1b as "v-comment" };
+var _1c = \`rgb(0,0,0)\`;
+export { _1c as "v-function" };
+var _1d = \`U+0025-00FF\`;
+export { _1d as "v-unicode-range" };
+export var ghi = \`ozGmfTedr1GnFJDWqNUH\`;
+var _1e = \`zchqshjqLbPAHaRvIBET\`;
+export { _1e as "my-class" };
+export var other = \`WZBxXqS2GytaA3IBhhnd\`;
+var _1f = \`W51zcAMuJMsNFi1CXgWr\`;
+export { _1f as "other-other" };
+export var green = \`KEl5ZxzNkpjfWorrBglC\`;
+export var foo = \`ecAEWh2vww9pNEdyj9Jn\`;
+export var simple = \`CBlowYk8qiAgWWzFeXRA \${___CSS_LOADER_ICSS_IMPORT_2____NAMED___["imported-simple"]}\`;
+export var relative = \`c_NHnDcX1bd_kuxgsuYi \${___CSS_LOADER_ICSS_IMPORT_3____NAMED___["imported-relative"]}\`;
+var _20 = \`S0Kwou8pVmsENtBP3hYm \${___CSS_LOADER_ICSS_IMPORT_4____NAMED___["imported-relative"]}\`;
+export { _20 as "top-relative" };
+var _21 = \`rq663Pq_zV0CjpwttvK4 \${___CSS_LOADER_ICSS_IMPORT_5____NAMED___["imported-module"]}\`;
+export { _21 as "my-module" };
+export var alias = \`fadRMHArJofp7sWEbPVR \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___["imported-alias"]}\`;
+var _22 = \`sg1HlXqlWy6l6_Wm5iA7 \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___["imported-alias"]}\`;
+export { _22 as "alias-duplicate" };
+var _23 = \`bnRUswvicYag6u0SPnvI\`;
+export { _23 as "primary-selector" };
+var _24 = \`kEJRwpukB2OtmkGTknbU\`;
+export { _24 as "black-selector" };
+export var header = \`hY2PI5vC9ABuJY1nkWnf\`;
+export var foobarbaz = \`q8mv0HutzqdsVWjl8mAz\`;
+export var url = \`xajoqP1d3SwrjJ4WEM8g\`;
+export var main = \`Ix5nEHiVOsWuWxdx0twz \${___CSS_LOADER_ICSS_IMPORT_7____NAMED___["scssClass"]}\`;
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+export default ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and CSS modules and still emit error on '@import' at-rules: result 1`] = `
+CSSStyleSheet {
+ "named": {
+ "alias": "fadRMHArJofp7sWEbPVR dnhKs1AYKq4KodZdfzcx",
+ "alias-duplicate": "sg1HlXqlWy6l6_Wm5iA7 dnhKs1AYKq4KodZdfzcx",
+ "black-selector": "kEJRwpukB2OtmkGTknbU",
+ "default": [Circular],
+ "foo": "ecAEWh2vww9pNEdyj9Jn",
+ "foobarbaz": "q8mv0HutzqdsVWjl8mAz",
+ "ghi": "ozGmfTedr1GnFJDWqNUH",
+ "green": "KEl5ZxzNkpjfWorrBglC",
+ "header": "hY2PI5vC9ABuJY1nkWnf",
+ "m-large": "(min-width: 960px)",
+ "m-small": "(min-width: 320px)",
+ "main": "Ix5nEHiVOsWuWxdx0twz oNU7JF6MtPAFrlrthaOD",
+ "my-class": "zchqshjqLbPAHaRvIBET",
+ "my-module": "rq663Pq_zV0CjpwttvK4 q49Ogfvno__tAgAiYJcD",
+ "other": "WZBxXqS2GytaA3IBhhnd",
+ "other-other": "W51zcAMuJMsNFi1CXgWr",
+ "primary-selector": "bnRUswvicYag6u0SPnvI",
+ "relative": "c_NHnDcX1bd_kuxgsuYi o0pMg4suYQOIzdBIQJv1",
+ "s-black": "black-selector",
+ "s-white": "white",
+ "simple": "CBlowYk8qiAgWWzFeXRA pCAAqHK9Lcplw9QM7Rj0",
+ "top-relative": "S0Kwou8pVmsENtBP3hYm l9CmW32NEl99tuNLdbzp",
+ "url": "xajoqP1d3SwrjJ4WEM8g",
+ "v-bar": "block",
+ "v-comment": " /* comment */",
+ "v-def": "red",
+ "v-dimension": "12px",
+ "v-foo": "blue",
+ "v-function": "rgb(0,0,0)",
+ "v-hex": "#fff",
+ "v-ident": "validIdent",
+ "v-integer": "100",
+ "v-integer-1": "-100",
+ "v-integer-2": "+100",
+ "v-number": ".60",
+ "v-number-1": "-456.8",
+ "v-number-2": "-3.4e-2",
+ "v-other": "green",
+ "v-percentage": "100%",
+ "v-pre-defined-ident": "left",
+ "v-primary": "#BF4040",
+ "v-something": "2112moon",
+ "v-string": "'content'",
+ "v-string-1": "''",
+ "v-unicode-range": "U+0025-00FF",
+ "v-url": "url(https://www.exammple.com/images/my-background.png)",
+ "v-url-1": "url('https://www.exammple.com/images/my-background.png')",
+ "v-url-2": "url("https://www.exammple.com/images/my-background.png")",
+ },
+ "text": "@import url(./test-other.css) (min-width: 100px);
+
+.ozGmfTedr1GnFJDWqNUH {
+ color: red;
+}
+
+.zchqshjqLbPAHaRvIBET {
+ color: blue;
+}
+
+.WZBxXqS2GytaA3IBhhnd {
+ display: block;
+}
+
+.W51zcAMuJMsNFi1CXgWr {
+ width: 2112moon;
+}
+
+.KEl5ZxzNkpjfWorrBglC {
+ color: green;
+}
+
+.ecAEWh2vww9pNEdyj9Jn {
+ prop: red;
+ duplicate: green;
+}
+
+.CBlowYk8qiAgWWzFeXRA {
+ color: red;
+}
+
+.c_NHnDcX1bd_kuxgsuYi {
+ color: yellow;
+}
+
+.S0Kwou8pVmsENtBP3hYm {
+ color: gray;
+}
+
+.rq663Pq_zV0CjpwttvK4 {
+ color: gray;
+}
+
+.fadRMHArJofp7sWEbPVR {
+ color: gainsboro;
+}
+
+.sg1HlXqlWy6l6_Wm5iA7 {
+ color: gainsboro;
+}
+
+.bnRUswvicYag6u0SPnvI {
+ color: #BF4040;
+}
+
+.kEJRwpukB2OtmkGTknbU {
+ color: black;
+}
+
+@media (min-width: 960px) {
+ .hY2PI5vC9ABuJY1nkWnf {
+ padding: 0 20px;
+ }
+}
+
+.white {
+ color: white;
+}
+
+@media (min-width: 320px) {
+ .hY2PI5vC9ABuJY1nkWnf {
+ padding: 20px 20px;
+ }
+}
+
+.q8mv0HutzqdsVWjl8mAz {
+ v-ident: validIdent;
+ v-pre-defined-ident: left;
+ v-string: 'content';
+ v-string-1: '';
+ v-url: url(https://www.exammple.com/images/my-background.png);
+ v-url-1: url('https://www.exammple.com/images/my-background.png');
+ v-url-2: url("https://www.exammple.com/images/my-background.png");
+ v-integer: 100;
+ v-integer-1: -100;
+ v-integer-2: +100;
+ v-number: .60;
+ v-number-1: -456.8;
+ v-number-2: -3.4e-2;
+ v-dimension: 12px;
+ v-percentage: 100%;
+ v-hex: #fff;
+ v-comment: /* comment */ 10px /* comment */;
+ v-function: rgb(0,0,0);
+ v-unicode-range: U+0025-00FF;
+ mutliple: #fff .60 100%;
+}
+
+
+a {
+ content: 'content';
+}
+
+@supports (content: 'content') {
+ a {
+ content: 'content';
+ }
+}
+
+[class~='content'] {
+ color:green;
+}
+
+.xajoqP1d3SwrjJ4WEM8g {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.Ix5nEHiVOsWuWxdx0twz {
+ background: red;
+}
+",
+}
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and CSS modules and still emit error on '@import' at-rules: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+]
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and CommonJS modules: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and CommonJS modules: module 1`] = `
+"// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = require("../../src/runtime/noSourceMaps.js");
+var ___CSS_LOADER_API_IMPORT___ = require("../../src/runtime/api.js");
+var ___CSS_LOADER_GET_URL_IMPORT___ = require("../../src/runtime/getUrl.js");
+var ___CSS_LOADER_URL_IMPORT_0___ = require("./url/img.png");
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+module.exports = ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and CommonJS modules: result 1`] = `
+CSSStyleSheet {
+ "text": "@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+}
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and CommonJS modules: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and ECMA modules: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and ECMA modules: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+export default ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and ECMA modules: result 1`] = `
+CSSStyleSheet {
+ "text": "@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+}
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and ECMA modules: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and generate source maps: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and generate source maps: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from "../../src/runtime/sourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, "",{"version":3,"sources":["webpack://./basic-css-style-sheet.css"],"names":[],"mappings":"AAAA,gBAAgB;;AAEhB,YAAY;;AAEZ;EACE,UAAU;EACV,mDAAgC;AAClC;;AAEA;EACE,mDAAgC;AAClC;;AAEA;EACE,UAAU;EACV,UAAU;AACZ;;AAEA,SAAS,QAAQ,EAAE;;AAEnB,MAAM;;AAEN,SAAS,QAAQ,EAAE;;AAEnB,SAAS,iBAAiB;;AAE1B;EACE;IACE,2BAA2B;EAC7B;AACF;;AAEA;EACE,gBAAgB;EAChB,qBAAqB;EACrB,sBAAsB;EACtB,0BAA0B;EAC1B,4BAA4B;AAC9B;;AAEA,OAAO;AACP,QAAQ;;AAER,SAAS;;AAET;EACE,aAAa;EACb,eAAe;AACjB;AACA;EACE,uBAAuB;AACzB;AACA;EACE,uBAAuB;AACzB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,qBAAqB;AACvB;;AAEA,aAAa;;AAEb,YAAY;;AAEZ,QAAQ;;AAER;EACE,mBAAmB,EAAE,2BAA2B;AAClD;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA,IAAI;;AAEJ,WAAW,EAAE,sCAAsC;AACnD,YAAY,EAAE,yCAAyC;AACvD,YAAY,EAAE,2CAA2C;AACzD,UAAU,EAAE,0CAA0C;AACtD,IAAI,EAAE,oCAAoC;;AAE1C;EACE,qBAAqB;EACrB;;;;;;;;;;GAUC;AACH;;AAEA;EACE,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,iBAAiB;EACjB,wBAAwB;AAC1B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mDAAq1B;AACv1B;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb","sourcesContent":["@charset \\"UTF-8\\";\\n\\n/* Comment */\\n\\n.class {\\n color: red;\\n background: url(\\"./url/img.png\\");\\n}\\n\\n.class-duplicate-url {\\n background: url(\\"./url/img.png\\");\\n}\\n\\n:root {\\n --foo: 1px;\\n --bar: 2px;\\n}\\n\\n.class { a: b c d; }\\n\\n.two {}\\n\\n.u-m\\\\+ { a: b c d; }\\n\\n.class { content: \\"\\\\F10C\\" }\\n\\n@media only screen and (max-width: 600px) {\\n body {\\n background-color: lightblue;\\n }\\n}\\n\\n.class {\\n content: \\"\\\\2193\\";\\n content: \\"\\\\2193\\\\2193\\";\\n content: \\"\\\\2193 \\\\2193\\";\\n content: \\"\\\\2193\\\\2193\\\\2193\\";\\n content: \\"\\\\2193 \\\\2193 \\\\2193\\";\\n}\\n\\n.-top {}\\n.\\\\-top {}\\n\\n#\\\\#test {}\\n\\n.grid {\\n display: flex;\\n flex-wrap: wrap;\\n}\\n.grid.\\\\-top {\\n align-items: flex-start;\\n}\\n.grid.-top {\\n align-items: flex-start;\\n}\\n.grid.\\\\-middle {\\n align-items: center;\\n}\\n.grid.\\\\-bottom {\\n align-items: flex-end;\\n}\\n\\n.u-m\\\\00002b {}\\n\\n.u-m00002b {}\\n\\n#u-m\\\\+ {}\\n\\nbody {\\n font-family: '微软雅黑'; /* some chinese font name */\\n}\\n\\n.myStyle {\\n content: '\\\\e901';\\n}\\n\\n.myStyle {\\n content: '\\\\E901';\\n}\\n\\n.♫ {}\\n\\n.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */\\n.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */\\n#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */\\n#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */\\n#© {} /* matches the element with id=\\"©\\" */\\n\\n:root {\\n --title-align: center;\\n --sr-only: {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n overflow: hidden;\\n clip: rect(0,0,0,0);\\n white-space: nowrap;\\n clip-path: inset(50%);\\n border: 0;\\n };\\n}\\n\\n.test {\\n content: \\"\\\\2014\\\\A0\\";\\n content: \\"\\\\2014 \\\\A0\\";\\n content: \\"\\\\A0 \\\\2014\\";\\n content: \\"\\\\A0\\\\2014\\";\\n margin-top: 1px\\\\9;\\n background-color: #000\\\\9;\\n}\\n\\n.light.on .bulb:before{\\n content: '💡';\\n}\\n\\n.base64 {\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\n}\\n\\na[href=''] {\\n color: red;\\n}\\n\\na[href='' i] {\\n color: red;\\n}\\n\\na[href=\\"\\"] {\\n color: blue;\\n}\\n\\na[href=\\"\\" i] {\\n color: blue;\\n}\\n"],"sourceRoot":""}]);
+// Exports
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+export default ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and generate source maps: result 1`] = `
+CSSStyleSheet {
+ "text": "@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL2Jhc2ljLWNzcy1zdHlsZS1zaGVldC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCOztBQUVoQixZQUFZOztBQUVaO0VBQ0UsVUFBVTtFQUNWLG1EQUFnQztBQUNsQzs7QUFFQTtFQUNFLG1EQUFnQztBQUNsQzs7QUFFQTtFQUNFLFVBQVU7RUFDVixVQUFVO0FBQ1o7O0FBRUEsU0FBUyxRQUFRLEVBQUU7O0FBRW5CLE1BQU07O0FBRU4sU0FBUyxRQUFRLEVBQUU7O0FBRW5CLFNBQVMsaUJBQWlCOztBQUUxQjtFQUNFO0lBQ0UsMkJBQTJCO0VBQzdCO0FBQ0Y7O0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIscUJBQXFCO0VBQ3JCLHNCQUFzQjtFQUN0QiwwQkFBMEI7RUFDMUIsNEJBQTRCO0FBQzlCOztBQUVBLE9BQU87QUFDUCxRQUFROztBQUVSLFNBQVM7O0FBRVQ7RUFDRSxhQUFhO0VBQ2IsZUFBZTtBQUNqQjtBQUNBO0VBQ0UsdUJBQXVCO0FBQ3pCO0FBQ0E7RUFDRSx1QkFBdUI7QUFDekI7QUFDQTtFQUNFLG1CQUFtQjtBQUNyQjtBQUNBO0VBQ0UscUJBQXFCO0FBQ3ZCOztBQUVBLGFBQWE7O0FBRWIsWUFBWTs7QUFFWixRQUFROztBQUVSO0VBQ0UsbUJBQW1CLEVBQUUsMkJBQTJCO0FBQ2xEOztBQUVBO0VBQ0UsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UsZ0JBQWdCO0FBQ2xCOztBQUVBLElBQUk7O0FBRUosV0FBVyxFQUFFLHNDQUFzQztBQUNuRCxZQUFZLEVBQUUseUNBQXlDO0FBQ3ZELFlBQVksRUFBRSwyQ0FBMkM7QUFDekQsVUFBVSxFQUFFLDBDQUEwQztBQUN0RCxJQUFJLEVBQUUsb0NBQW9DOztBQUUxQztFQUNFLHFCQUFxQjtFQUNyQjs7Ozs7Ozs7OztHQVVDO0FBQ0g7O0FBRUE7RUFDRSxtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIsaUJBQWlCO0VBQ2pCLHdCQUF3QjtBQUMxQjs7QUFFQTtFQUNFLGFBQWE7QUFDZjs7QUFFQTtFQUNFLG1EQUFxMUI7QUFDdjFCOztBQUVBO0VBQ0UsVUFBVTtBQUNaOztBQUVBO0VBQ0UsVUFBVTtBQUNaOztBQUVBO0VBQ0UsV0FBVztBQUNiOztBQUVBO0VBQ0UsV0FBVztBQUNiIiwic291cmNlc0NvbnRlbnQiOlsiQGNoYXJzZXQgXCJVVEYtOFwiO1xuXG4vKiBDb21tZW50ICovXG5cbi5jbGFzcyB7XG4gIGNvbG9yOiByZWQ7XG4gIGJhY2tncm91bmQ6IHVybChcIi4vdXJsL2ltZy5wbmdcIik7XG59XG5cbi5jbGFzcy1kdXBsaWNhdGUtdXJsIHtcbiAgYmFja2dyb3VuZDogdXJsKFwiLi91cmwvaW1nLnBuZ1wiKTtcbn1cblxuOnJvb3Qge1xuICAtLWZvbzogMXB4O1xuICAtLWJhcjogMnB4O1xufVxuXG4uY2xhc3MgeyBhOiBiIGMgZDsgfVxuXG4udHdvIHt9XG5cbi51LW1cXCsgeyBhOiBiIGMgZDsgfVxuXG4uY2xhc3MgeyBjb250ZW50OiBcIlxcRjEwQ1wiIH1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2MDBweCkge1xuICBib2R5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGJsdWU7XG4gIH1cbn1cblxuLmNsYXNzIHtcbiAgY29udGVudDogXCJcXDIxOTNcIjtcbiAgY29udGVudDogXCJcXDIxOTNcXDIxOTNcIjtcbiAgY29udGVudDogXCJcXDIxOTMgXFwyMTkzXCI7XG4gIGNvbnRlbnQ6IFwiXFwyMTkzXFwyMTkzXFwyMTkzXCI7XG4gIGNvbnRlbnQ6IFwiXFwyMTkzIFxcMjE5MyBcXDIxOTNcIjtcbn1cblxuLi10b3Age31cbi5cXC10b3Age31cblxuI1xcI3Rlc3Qge31cblxuLmdyaWQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG4uZ3JpZC5cXC10b3Age1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5ncmlkLi10b3Age1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5ncmlkLlxcLW1pZGRsZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZ3JpZC5cXC1ib3R0b20ge1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG59XG5cbi51LW1cXDAwMDAyYiB7fVxuXG4udS1tMDAwMDJiIHt9XG5cbiN1LW1cXCsge31cblxuYm9keSB7XG4gIGZvbnQtZmFtaWx5OiAnw6XCvsKuw6jCvcKvw6nCm8KFw6nCu8KRJzsgLyogc29tZSBjaGluZXNlIGZvbnQgbmFtZSAqL1xufVxuXG4ubXlTdHlsZSB7XG4gIGNvbnRlbnQ6ICdcXGU5MDEnO1xufVxuXG4ubXlTdHlsZSB7XG4gIGNvbnRlbnQ6ICdcXEU5MDEnO1xufVxuXG4uw6LCmcKrIHt9XG5cbi5cXDNBIFxcYFxcKCB7fSAvKiBtYXRjaGVzIGVsZW1lbnRzIHdpdGggY2xhc3M9XCI6YChcIiAqL1xuLlxcMzEgYTJiM2Mge30gLyogbWF0Y2hlcyBlbGVtZW50cyB3aXRoIGNsYXNzPVwiMWEyYjNjXCIgKi9cbiNcXCNmYWtlLWlkIHt9IC8qIG1hdGNoZXMgdGhlIGVsZW1lbnQgd2l0aCBpZD1cIiNmYWtlLWlkXCIgKi9cbiMtYS1iLWMtIHt9IC8qIG1hdGNoZXMgdGhlIGVsZW1lbnQgd2l0aCBpZD1cIi1hLWItYy1cIiAqL1xuI8OCwqkge30gLyogbWF0Y2hlcyB0aGUgZWxlbWVudCB3aXRoIGlkPVwiw4LCqVwiICovXG5cbjpyb290IHtcbiAgLS10aXRsZS1hbGlnbjogY2VudGVyO1xuICAtLXNyLW9ubHk6IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDFweDtcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLDAsMCwwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGNsaXAtcGF0aDogaW5zZXQoNTAlKTtcbiAgICBib3JkZXI6IDA7XG4gIH07XG59XG5cbi50ZXN0IHtcbiAgY29udGVudDogXCJcXDIwMTRcXEEwXCI7XG4gIGNvbnRlbnQ6IFwiXFwyMDE0IFxcQTBcIjtcbiAgY29udGVudDogXCJcXEEwIFxcMjAxNFwiO1xuICBjb250ZW50OiBcIlxcQTBcXDIwMTRcIjtcbiAgbWFyZ2luLXRvcDogMXB4XFw5O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDAwXFw5O1xufVxuXG4ubGlnaHQub24gLmJ1bGI6YmVmb3Jle1xuICBjb250ZW50OiAnw7DCn8KSwqEnO1xufVxuXG4uYmFzZTY0IHtcbiAgYmFja2dyb3VuZDogdXJsKGRhdGE6aW1nL2pwZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJnQUFBQVlDQVlBQUFEZ2R6MzRBQUFBQVhOU1IwSUFyczRjNlFBQUFoeEpSRUZVU0EzdGs3MXJVMUVZeG5NVEVvSlVrb3dXd2RKMmFrRUhCZkdqQ2lJRjZaeWxWVUtTbTJUcVpMR0krQS9vSXUyVVhtOEM0bEF5RjRTV2ppMHRkRkxvMUVvN1ZOMFNhQkVoSDdlL056MG5QVGZHT2ppYUN5ZlBjNTczNHpsZkNRVDZYLzhFL3ZVRXJMODFLQmFMOXkzTFNudWVkNVBjSVRqVU93UjNnc0ZnMmJidGpZdDYvTkdnWEM0UDFldDFsMmFQTG1wQWJEMFNpZGpwZFBxZ1YxNVBBOWQxN3pRYWpVOFV4SFFSSy80RzM1UTVwdmVBSzhMbEkxWmpQTW5sY2x0bnl2bnZid2FPNDF4dnRWcXk3WUh6dE1BQ3E1eG5sYjlFWTNkUmR2Y0dvMWtqNXdSK3QxQW9mREcwZ00rQTg3NUU4RE5qUkNleHNyVjhQajlacVZRaXRWcnRxZWp4ZVB4ak1wbXNzNWhWVEI0YnVYdk1iMkR5VTJ0QlRSUytCanZObFZZVXBQbDdpdVZPM0dxMXVvUXgxRnRTT1cxZ1BncDVaV3JkQnRObVVEZ3Y1YXNneFE4RjFhZjV2aFkwWWp5anVXQzN3VHN6S0p6N0dCT2tjRmxRZlcyT05xNEZqV2krSGo2RFJDS3hRT0syVGxZNHg5MkV1WWQ1ZHZNQWJZSXpmaWthdTNwdTV0SjhLeGFMTGZvMGN5S2NpN3RLNFRaalVNY29YQW1Id3psZTBRL1JhQzVQMUdGTXlWeDlSOUZvOUhZcWxUclNncUR2RmVsQXFWUWE1aG11TVIvV0d0akFhQmRqd0JvRFEwWnNud1ZNWmpLWjluMFplbThEU2VEUGRyblpiTDZGMmwzTk92VVlOWms0b1ZEb1JUYWJQZTRFRE5KekIwWmNqQVl4ZW9aMmkzRk54UTdCSFl3L2NCL2ZsZGFILy9VRVRnSEhPOFM0NEtiZlhnQUFBQUJKUlU1RXJrSmdnZz09KTtcbn1cblxuYVtocmVmPScnXSB7XG4gIGNvbG9yOiByZWQ7XG59XG5cbmFbaHJlZj0nJyBpXSB7XG4gIGNvbG9yOiByZWQ7XG59XG5cbmFbaHJlZj1cIlwiXSB7XG4gIGNvbG9yOiBibHVlO1xufVxuXG5hW2hyZWY9XCJcIiBpXSB7XG4gIGNvbG9yOiBibHVlO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */",
+}
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and generate source maps: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and keep import and emit errors on \`@import\` at-rules: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and keep import and emit errors on \`@import\` at-rules: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+export default ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and keep import and emit errors on \`@import\` at-rules: result 1`] = `
+CSSStyleSheet {
+ "text": "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+}
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and keep import and emit errors on \`@import\` at-rules: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and urls: errors 1`] = `
+[
+ "ModuleError: Module Error (from \`replaced original path\`):
+/test/fixtures/url/url.css:1:1: '@import' rules are not allowed here and will not be processed",
+]
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and urls: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("package/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_2___ = new URL("./other-img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_3___ = new URL("./img img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_4___ = new URL("/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_5___ = new URL("data:image/png;base64,AAA", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_6___ = new URL("data:image/svg+xml;charset=utf-8,
", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_7___ = new URL("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2042%2026%27%20fill%3D%27%2523007aff%27%3E%3Crect%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%271%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2711%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2712%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2722%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2723%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3C%2Fsvg%3E", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_8___ = new URL("data:image/svg+xml;charset=utf-8,
#filter", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_9___ = new URL("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%5C%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%5C%22%3E%3Cfilter%20id%3D%5C%22filter%5C%22%3E%3CfeGaussianBlur%20in%3D%5C%22SourceAlpha%5C%22%20stdDeviation%3D%5C%220%5C%22%20%2F%3E%3CfeOffset%20dx%3D%5C%221%5C%22%20dy%3D%5C%222%5C%22%20result%3D%5C%22offsetblur%5C%22%20%2F%3E%3CfeFlood%20flood-color%3D%5C%22rgba%28255%2C255%2C255%2C1%29%5C%22%20%2F%3E%3CfeComposite%20in2%3D%5C%22offsetblur%5C%22%20operator%3D%5C%22in%5C%22%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20%2F%3E%3CfeMergeNode%20in%3D%5C%22SourceGraphic%5C%22%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fsvg%3E%23filter", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_10___ = new URL("./font.woff", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_11___ = new URL("./font.woff2", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_12___ = new URL("./font.eot", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_13___ = new URL("package/font.ttf", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_14___ = new URL("./font with spaces.eot", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_15___ = new URL("./font.svg", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_16___ = new URL("./font.woff2?foo=bar", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_17___ = new URL("./img1x.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_18___ = new URL("./img2x.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_19___ = new URL("./img.png?foo", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_20___ = new URL("./img.png?foo=bar", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_21___ = new URL("./img.png?", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_22___ = new URL("img-simple.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_23___ = new URL("/url/img-simple.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_24___ = new URL("../url/img-simple.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_25___ = new URL("aliasesImg/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_26___ = new URL("./nested/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_27___ = new URL("nested/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_28___ = new URL("./img3x.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_29___ = new URL("./img1x.png?foo=bar", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_30___ = new URL("./img'img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_31___ = new URL("./img'''img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_32___ = new URL("./img(img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_33___ = new URL("./img)img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_34___ = new URL("./img'() img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_35___ = new URL("img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_36___ = new URL("./something.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_37___ = new URL("./something.png?foo=bar", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_38___ = new URL("./something.png?bar=foo", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_39___ = new URL("./something.png?foo=1&bar=2", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_40___ = new URL("./something.png?foo=2&bar=1", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_41___ = new URL("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_42___ = new URL("/guide/img/banWord/addCoinDialogTitleBg.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_43___ = new URL("!!../../helpers/url-loader.js?esModule=false!package/img-single.png?ignore-asset-modules", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_44___ = new URL("nested/other.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_45___ = new URL("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_46___ = new URL("data:image/svg+xml;utf8,
", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___, { hash: "#hash" });
+var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
+var ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
+var ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);
+var ___CSS_LOADER_URL_REPLACEMENT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);
+var ___CSS_LOADER_URL_REPLACEMENT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_6___);
+var ___CSS_LOADER_URL_REPLACEMENT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_7___);
+var ___CSS_LOADER_URL_REPLACEMENT_9___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_8___);
+var ___CSS_LOADER_URL_REPLACEMENT_10___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_9___);
+var ___CSS_LOADER_URL_REPLACEMENT_11___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_10___);
+var ___CSS_LOADER_URL_REPLACEMENT_12___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_11___);
+var ___CSS_LOADER_URL_REPLACEMENT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_12___);
+var ___CSS_LOADER_URL_REPLACEMENT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_13___);
+var ___CSS_LOADER_URL_REPLACEMENT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_14___);
+var ___CSS_LOADER_URL_REPLACEMENT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_15___, { hash: "#svgFontName" });
+var ___CSS_LOADER_URL_REPLACEMENT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_16___);
+var ___CSS_LOADER_URL_REPLACEMENT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_12___, { hash: "?#iefix" });
+var ___CSS_LOADER_URL_REPLACEMENT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_14___, { hash: "?#iefix" });
+var ___CSS_LOADER_URL_REPLACEMENT_20___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_17___);
+var ___CSS_LOADER_URL_REPLACEMENT_21___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_18___);
+var ___CSS_LOADER_URL_REPLACEMENT_22___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_19___);
+var ___CSS_LOADER_URL_REPLACEMENT_23___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_20___);
+var ___CSS_LOADER_URL_REPLACEMENT_24___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_20___, { hash: "#hash" });
+var ___CSS_LOADER_URL_REPLACEMENT_25___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_21___);
+var ___CSS_LOADER_URL_REPLACEMENT_26___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_22___);
+var ___CSS_LOADER_URL_REPLACEMENT_27___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_23___);
+var ___CSS_LOADER_URL_REPLACEMENT_28___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_24___);
+var ___CSS_LOADER_URL_REPLACEMENT_29___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_25___);
+var ___CSS_LOADER_URL_REPLACEMENT_30___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_26___);
+var ___CSS_LOADER_URL_REPLACEMENT_31___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_27___);
+var ___CSS_LOADER_URL_REPLACEMENT_32___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_17___, { needQuotes: true });
+var ___CSS_LOADER_URL_REPLACEMENT_33___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_18___, { needQuotes: true });
+var ___CSS_LOADER_URL_REPLACEMENT_34___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___, { needQuotes: true });
+var ___CSS_LOADER_URL_REPLACEMENT_35___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_28___, { needQuotes: true });
+var ___CSS_LOADER_URL_REPLACEMENT_36___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_29___, { needQuotes: true });
+var ___CSS_LOADER_URL_REPLACEMENT_37___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_17___, { hash: "#hash", needQuotes: true });
+var ___CSS_LOADER_URL_REPLACEMENT_38___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_17___, { hash: "?#iefix", needQuotes: true });
+var ___CSS_LOADER_URL_REPLACEMENT_39___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_28___);
+var ___CSS_LOADER_URL_REPLACEMENT_40___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_30___);
+var ___CSS_LOADER_URL_REPLACEMENT_41___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_31___);
+var ___CSS_LOADER_URL_REPLACEMENT_42___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_32___);
+var ___CSS_LOADER_URL_REPLACEMENT_43___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_33___);
+var ___CSS_LOADER_URL_REPLACEMENT_44___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_34___);
+var ___CSS_LOADER_URL_REPLACEMENT_45___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_35___);
+var ___CSS_LOADER_URL_REPLACEMENT_46___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_36___);
+var ___CSS_LOADER_URL_REPLACEMENT_47___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_37___);
+var ___CSS_LOADER_URL_REPLACEMENT_48___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_37___, { hash: "#hash" });
+var ___CSS_LOADER_URL_REPLACEMENT_49___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_38___);
+var ___CSS_LOADER_URL_REPLACEMENT_50___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_37___, { hash: "#foo" });
+var ___CSS_LOADER_URL_REPLACEMENT_51___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_38___, { hash: "#bar" });
+var ___CSS_LOADER_URL_REPLACEMENT_52___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_39___);
+var ___CSS_LOADER_URL_REPLACEMENT_53___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_40___);
+var ___CSS_LOADER_URL_REPLACEMENT_54___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_41___);
+var ___CSS_LOADER_URL_REPLACEMENT_55___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_42___);
+var ___CSS_LOADER_URL_REPLACEMENT_56___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_43___);
+var ___CSS_LOADER_URL_REPLACEMENT_57___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_44___);
+var ___CSS_LOADER_URL_REPLACEMENT_58___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_45___);
+var ___CSS_LOADER_URL_REPLACEMENT_59___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_46___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@import "./imported.css";
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+.class {
+ background: url(
+ \${___CSS_LOADER_URL_REPLACEMENT_0___}
+ );
+}
+
+.class {
+ background: green url( \${___CSS_LOADER_URL_REPLACEMENT_0___} ) xyz;
+}
+
+.class {
+ background: green url( \${___CSS_LOADER_URL_REPLACEMENT_0___} ) xyz;
+}
+
+.class {
+ background: green url( \${___CSS_LOADER_URL_REPLACEMENT_0___} ) xyz;
+}
+
+.class {
+ background: green url(\${___CSS_LOADER_URL_REPLACEMENT_2___}) url(\${___CSS_LOADER_URL_REPLACEMENT_3___}) xyz;
+}
+
+.class {
+ background: green url( \${___CSS_LOADER_URL_REPLACEMENT_4___} ) xyz;
+}
+
+.class {
+ background: green url( \${___CSS_LOADER_URL_REPLACEMENT_4___} ) xyz;
+}
+
+.class {
+ background: green url(\${___CSS_LOADER_URL_REPLACEMENT_5___}) xyz;
+}
+
+.class {
+ background: green url(\${___CSS_LOADER_URL_REPLACEMENT_6___}) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;
+}
+
+.class {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_7___});
+}
+
+.class {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_8___});
+}
+
+.class {
+ filter: url(\${___CSS_LOADER_URL_REPLACEMENT_9___});
+}
+
+.class {
+ filter: url(\${___CSS_LOADER_URL_REPLACEMENT_10___});
+}
+
+.highlight {
+ filter: url(#highlight);
+}
+
+.highlight {
+ filter: url('#line-marker');
+}
+
+@font-face {
+ src: url(\${___CSS_LOADER_URL_REPLACEMENT_11___}) format('woff'),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_12___}) format('woff2'),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_13___}) format('eot'),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_14___}) format('truetype'),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_15___}) format("embedded-opentype"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_16___}) format('svg'),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_17___}) format('woff2'),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_18___}) format('embedded-opentype'),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_19___}) format('embedded-opentype');
+}
+
+@media (min-width: 500px) {
+ body {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+ }
+}
+
+a {
+ content: "do not use url(path)";
+}
+
+b {
+ content: 'do not "use" url(path)';
+}
+
+@keyframes anim {
+ background: green url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) xyz;
+}
+
+.a {
+ background-image: -webkit-image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x, url(\${___CSS_LOADER_URL_REPLACEMENT_21___}) 2x)
+}
+
+.a {
+ background-image: image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x, url(\${___CSS_LOADER_URL_REPLACEMENT_21___}) 2x)
+}
+
+.class {
+ background: green url() xyz;
+}
+
+.class {
+ background: green url('') xyz;
+}
+
+.class {
+ background: green url("") xyz;
+}
+
+.class {
+ background: green url(' ') xyz;
+}
+
+.class {
+ background: green url(
+ ) xyz;
+}
+
+.class {
+ background: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
+}
+
+.class {
+ background: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_22___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_23___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_24___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_24___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_25___});
+}
+
+.class {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) url(\${___CSS_LOADER_URL_REPLACEMENT_7___}) url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ background: ___CSS_LOADER_URL___;
+ background: ___CSS_LOADER_URL___INDEX___;
+ background: ___CSS_LOADER_URL___99999___;
+ background: ___CSS_LOADER_IMPORT___;
+ background: ___CSS_LOADER_IMPORT___INDEX___;
+ background: ___CSS_LOADER_IMPORT___99999___;
+}
+
+.pure-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_26___});
+}
+
+.root-relative {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_27___});
+}
+
+.above-below {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_28___});
+}
+
+.tilde {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_2___});
+}
+
+.aliases {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_29___}) ;
+}
+
+a {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_30___});
+}
+
+a {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_31___});
+}
+
+@font-face {
+ src: url("//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot");
+}
+
+.class {
+ /* Broken */
+ background-image: -webkit-image-set();
+ background-image: -webkit-image-set('');
+ background-image: image-set();
+ background-image: image-set('');
+ background-image: image-set("");
+ background-image: image-set("" 1x);
+ background-image: image-set(url());
+ background-image: image-set(
+ url()
+ );
+ background-image: image-set(URL());
+ background-image: image-set(url(''));
+ background-image: image-set(url(""));
+ background-image: image-set(url('') 1x);
+ background-image: image-set(1x);
+ background-image: image-set(
+ 1x
+ );
+ background: image-set(calc(1rem + 1px) 1x);
+
+ /* Strings */
+ background-image: -webkit-image-set(\${___CSS_LOADER_URL_REPLACEMENT_32___} 1x, \${___CSS_LOADER_URL_REPLACEMENT_33___} 2x);
+ background-image: image-set(\${___CSS_LOADER_URL_REPLACEMENT_32___} 1x);
+ background-image: image-set(\${___CSS_LOADER_URL_REPLACEMENT_32___} 1x, \${___CSS_LOADER_URL_REPLACEMENT_33___} 2x);
+ background-image: image-set(\${___CSS_LOADER_URL_REPLACEMENT_34___} 1x, \${___CSS_LOADER_URL_REPLACEMENT_34___} 2x);
+ background-image: image-set(\${___CSS_LOADER_URL_REPLACEMENT_32___} 1x, \${___CSS_LOADER_URL_REPLACEMENT_33___} 2x),
+ image-set(\${___CSS_LOADER_URL_REPLACEMENT_32___} 1x, \${___CSS_LOADER_URL_REPLACEMENT_33___} 2x);
+ background-image: image-set(
+ \${___CSS_LOADER_URL_REPLACEMENT_32___} 1x,
+ \${___CSS_LOADER_URL_REPLACEMENT_33___} 2x,
+ \${___CSS_LOADER_URL_REPLACEMENT_35___} 600dpi
+ );
+ background-image: image-set(\${___CSS_LOADER_URL_REPLACEMENT_36___} 1x);
+ background-image: image-set(\${___CSS_LOADER_URL_REPLACEMENT_37___} 1x);
+ background-image: image-set(\${___CSS_LOADER_URL_REPLACEMENT_38___} 1x);
+
+ /* With \\\`url\\\` function */
+ background-image: -webkit-image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x, url(\${___CSS_LOADER_URL_REPLACEMENT_21___}) 2x);
+ background-image: -webkit-image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x);
+ background-image: -webkit-image-set(
+ url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x
+ );
+ background-image: image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x);
+ background-image: image-set(
+ url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x
+ );
+ background-image: image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x, url(\${___CSS_LOADER_URL_REPLACEMENT_21___}) 2x);
+ background-image: image-set(
+ url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_21___}) 2x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_39___}) 600dpi
+ );
+ background-image: image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_4___}) 1x, url(\${___CSS_LOADER_URL_REPLACEMENT_4___}) 2x);
+
+ background-image: image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_20___}) 1x, \${___CSS_LOADER_URL_REPLACEMENT_33___} 2x);
+}
+
+.class {
+ /* Not allowed on windows */
+ /* background: url(./img\\\\"img.png); */
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_40___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_41___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_43___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_4___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_44___});
+
+ background-image: image-set(
+ /* Not allowed on windows */
+ /* url(./img\\\\"img.png) 1x, */
+ url(\${___CSS_LOADER_URL_REPLACEMENT_41___}) 2x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_40___}) 3x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_42___}) 4x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_43___}) 5x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_4___}) 6x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_44___}) 7x
+ );
+}
+
+.class-class-class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_41___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_44___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_40___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_43___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_4___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_4___});
+}
+
+/* Comment */
+
+.class.class.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+}
+
+.other-test-case {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_41___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_44___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_40___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_43___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_4___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_41___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_44___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_40___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_43___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_4___});
+}
+
+.qqq {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_45___});
+}
+
+.www {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_41___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_44___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_40___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_42___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_43___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_4___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_40___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_44___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_44___});
+}
+
+.class {
+ /* Should be one import */
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_46___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_46___});
+
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_47___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_47___});
+
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_48___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_48___});
+
+ /* Should be two imports */
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_47___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_49___});
+
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_50___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_51___});
+
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_52___});
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_53___});
+}
+
+.base {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_54___}) 50% 50%/191px no-repeat;
+}
+
+.strange {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.my-background {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_55___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___}, 'foo', './img.png', url('./img.png'));
+ background-image: image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_0___}, 'foo', './img.png', url('./img.png')) 1x, url(\${___CSS_LOADER_URL_REPLACEMENT_21___}) 2x);
+}
+
+.button {
+ background-image: url('data:image/svg+xml;utf8,
');
+}
+
+/* We need to use \\\`resourceQuery: /inline/\\\` */
+/* Hard to test on webpack v4 */
+.qqq {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_56___})
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_45___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_45___});
+}
+
+/** Prefer relative **/
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_31___});
+}
+
+/** Prefer from modules **/
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_57___});
+}
+
+.class {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_2___});
+}
+
+.foo {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_58___});
+}
+
+.bar {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_59___});
+}
+\`, ""]);
+// Exports
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+export default ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and urls: result 1`] = `
+CSSStyleSheet {
+ "text": "@import "./imported.css";
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png#hash);
+}
+
+.class {
+ background: url(
+ file:///webpack/public/path/img.png
+ );
+}
+
+.class {
+ background: green url( file:///webpack/public/path/img.png ) xyz;
+}
+
+.class {
+ background: green url( file:///webpack/public/path/img.png ) xyz;
+}
+
+.class {
+ background: green url( file:///webpack/public/path/img.png ) xyz;
+}
+
+.class {
+ background: green url(file:///webpack/public/path/img.png) url(file:///webpack/public/path/other-img.png) xyz;
+}
+
+.class {
+ background: green url( "file:///webpack/public/path/img%20img.png" ) xyz;
+}
+
+.class {
+ background: green url( "file:///webpack/public/path/img%20img.png" ) xyz;
+}
+
+.class {
+ background: green url(file:///webpack/public/path/img.png) xyz;
+}
+
+.class {
+ background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;
+}
+
+.class {
+ background-image: url("data:image/svg+xml;charset=utf-8,
");
+}
+
+.class {
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2042%2026%27%20fill%3D%27%2523007aff%27%3E%3Crect%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%271%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2711%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2712%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2722%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2723%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3C%2Fsvg%3E");
+}
+
+.class {
+ filter: url("data:image/svg+xml;charset=utf-8,
#filter");
+}
+
+.class {
+ filter: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%5C%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%5C%22%3E%3Cfilter%20id%3D%5C%22filter%5C%22%3E%3CfeGaussianBlur%20in%3D%5C%22SourceAlpha%5C%22%20stdDeviation%3D%5C%220%5C%22%20%2F%3E%3CfeOffset%20dx%3D%5C%221%5C%22%20dy%3D%5C%222%5C%22%20result%3D%5C%22offsetblur%5C%22%20%2F%3E%3CfeFlood%20flood-color%3D%5C%22rgba%28255%2C255%2C255%2C1%29%5C%22%20%2F%3E%3CfeComposite%20in2%3D%5C%22offsetblur%5C%22%20operator%3D%5C%22in%5C%22%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20%2F%3E%3CfeMergeNode%20in%3D%5C%22SourceGraphic%5C%22%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fsvg%3E%23filter");
+}
+
+.highlight {
+ filter: url(#highlight);
+}
+
+.highlight {
+ filter: url('#line-marker');
+}
+
+@font-face {
+ src: url(file:///webpack/public/path/font.woff) format('woff'),
+ url(file:///webpack/public/path/font.woff2) format('woff2'),
+ url(file:///webpack/public/path/font.eot) format('eot'),
+ url(file:///webpack/public/path/font.ttf) format('truetype'),
+ url("file:///webpack/public/path/font%20with%20spaces.eot") format("embedded-opentype"),
+ url(file:///webpack/public/path/font.svg#svgFontName) format('svg'),
+ url(file:///webpack/public/path/font.woff2) format('woff2'),
+ url(file:///webpack/public/path/font.eot?#iefix) format('embedded-opentype'),
+ url("file:///webpack/public/path/font%20with%20spaces.eot?#iefix") format('embedded-opentype');
+}
+
+@media (min-width: 500px) {
+ body {
+ background: url(file:///webpack/public/path/img.png);
+ }
+}
+
+a {
+ content: "do not use url(path)";
+}
+
+b {
+ content: 'do not "use" url(path)';
+}
+
+@keyframes anim {
+ background: green url(file:///webpack/public/path/img.png) xyz;
+}
+
+.a {
+ background-image: -webkit-image-set(url(file:///webpack/public/path/img1x.png) 1x, url(file:///webpack/public/path/img2x.png) 2x)
+}
+
+.a {
+ background-image: image-set(url(file:///webpack/public/path/img1x.png) 1x, url(file:///webpack/public/path/img2x.png) 2x)
+}
+
+.class {
+ background: green url() xyz;
+}
+
+.class {
+ background: green url('') xyz;
+}
+
+.class {
+ background: green url("") xyz;
+}
+
+.class {
+ background: green url(' ') xyz;
+}
+
+.class {
+ background: green url(
+ ) xyz;
+}
+
+.class {
+ background: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
+}
+
+.class {
+ background: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png#hash);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png#hash);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background-image: url(file:///webpack/public/path/img.png) url("data:image/svg+xml;charset=utf-8,
") url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background: ___CSS_LOADER_URL___;
+ background: ___CSS_LOADER_URL___INDEX___;
+ background: ___CSS_LOADER_URL___99999___;
+ background: ___CSS_LOADER_IMPORT___;
+ background: ___CSS_LOADER_IMPORT___INDEX___;
+ background: ___CSS_LOADER_IMPORT___99999___;
+}
+
+.pure-url {
+ background: url(file:///webpack/public/path/img-simple.png);
+}
+
+.root-relative {
+ background: url(file:///webpack/public/path/img-simple.png);
+}
+
+.above-below {
+ background: url(file:///webpack/public/path/img-simple.png);
+}
+
+.tilde {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.aliases {
+ background: url(file:///webpack/public/path/img.png) ;
+}
+
+a {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+a {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+@font-face {
+ src: url("//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot");
+}
+
+.class {
+ /* Broken */
+ background-image: -webkit-image-set();
+ background-image: -webkit-image-set('');
+ background-image: image-set();
+ background-image: image-set('');
+ background-image: image-set("");
+ background-image: image-set("" 1x);
+ background-image: image-set(url());
+ background-image: image-set(
+ url()
+ );
+ background-image: image-set(URL());
+ background-image: image-set(url(''));
+ background-image: image-set(url(""));
+ background-image: image-set(url('') 1x);
+ background-image: image-set(1x);
+ background-image: image-set(
+ 1x
+ );
+ background: image-set(calc(1rem + 1px) 1x);
+
+ /* Strings */
+ background-image: -webkit-image-set("file:///webpack/public/path/img1x.png" 1x, "file:///webpack/public/path/img2x.png" 2x);
+ background-image: image-set("file:///webpack/public/path/img1x.png" 1x);
+ background-image: image-set("file:///webpack/public/path/img1x.png" 1x, "file:///webpack/public/path/img2x.png" 2x);
+ background-image: image-set("file:///webpack/public/path/img%20img.png" 1x, "file:///webpack/public/path/img%20img.png" 2x);
+ background-image: image-set("file:///webpack/public/path/img1x.png" 1x, "file:///webpack/public/path/img2x.png" 2x),
+ image-set("file:///webpack/public/path/img1x.png" 1x, "file:///webpack/public/path/img2x.png" 2x);
+ background-image: image-set(
+ "file:///webpack/public/path/img1x.png" 1x,
+ "file:///webpack/public/path/img2x.png" 2x,
+ "file:///webpack/public/path/img3x.png" 600dpi
+ );
+ background-image: image-set("file:///webpack/public/path/img1x.png" 1x);
+ background-image: image-set("file:///webpack/public/path/img1x.png#hash" 1x);
+ background-image: image-set("file:///webpack/public/path/img1x.png?#iefix" 1x);
+
+ /* With \`url\` function */
+ background-image: -webkit-image-set(url(file:///webpack/public/path/img1x.png) 1x, url(file:///webpack/public/path/img2x.png) 2x);
+ background-image: -webkit-image-set(url(file:///webpack/public/path/img1x.png) 1x);
+ background-image: -webkit-image-set(
+ url(file:///webpack/public/path/img1x.png) 1x
+ );
+ background-image: image-set(url(file:///webpack/public/path/img1x.png) 1x);
+ background-image: image-set(
+ url(file:///webpack/public/path/img1x.png) 1x
+ );
+ background-image: image-set(url(file:///webpack/public/path/img1x.png) 1x, url(file:///webpack/public/path/img2x.png) 2x);
+ background-image: image-set(
+ url(file:///webpack/public/path/img1x.png) 1x,
+ url(file:///webpack/public/path/img2x.png) 2x,
+ url(file:///webpack/public/path/img3x.png) 600dpi
+ );
+ background-image: image-set(url("file:///webpack/public/path/img%20img.png") 1x, url("file:///webpack/public/path/img%20img.png") 2x);
+
+ background-image: image-set(url(file:///webpack/public/path/img1x.png) 1x, "file:///webpack/public/path/img2x.png" 2x);
+}
+
+.class {
+ /* Not allowed on windows */
+ /* background: url(./img\\"img.png); */
+ background: url("file:///webpack/public/path/img'img.png");
+ background: url("file:///webpack/public/path/img'''img.png");
+ background: url("file:///webpack/public/path/img(img.png");
+ background: url("file:///webpack/public/path/img)img.png");
+ background: url("file:///webpack/public/path/img%20img.png");
+ background: url("file:///webpack/public/path/img'()%20img.png");
+
+ background-image: image-set(
+ /* Not allowed on windows */
+ /* url(./img\\"img.png) 1x, */
+ url("file:///webpack/public/path/img'''img.png") 2x,
+ url("file:///webpack/public/path/img'img.png") 3x,
+ url("file:///webpack/public/path/img(img.png") 4x,
+ url("file:///webpack/public/path/img)img.png") 5x,
+ url("file:///webpack/public/path/img%20img.png") 6x,
+ url("file:///webpack/public/path/img'()%20img.png") 7x
+ );
+}
+
+.class-class-class {
+ background: url("file:///webpack/public/path/img'''img.png");
+ background: url("file:///webpack/public/path/img'()%20img.png");
+ background: url("file:///webpack/public/path/img'img.png");
+ background: url("file:///webpack/public/path/img(img.png");
+ background: url("file:///webpack/public/path/img)img.png");
+ background: url("file:///webpack/public/path/img%20img.png");
+ background: url("file:///webpack/public/path/img%20img.png");
+}
+
+/* Comment */
+
+.class.class.class {
+ background: url("file:///webpack/public/path/img(img.png");
+ background: url("file:///webpack/public/path/img(img.png");
+ background: url("file:///webpack/public/path/img(img.png");
+ background: url("file:///webpack/public/path/img(img.png");
+}
+
+.other-test-case {
+ background: url("file:///webpack/public/path/img'''img.png");
+ background: url("file:///webpack/public/path/img'()%20img.png");
+ background: url("file:///webpack/public/path/img'img.png");
+ background: url("file:///webpack/public/path/img(img.png");
+ background: url("file:///webpack/public/path/img)img.png");
+ background: url("file:///webpack/public/path/img%20img.png");
+ background: url("file:///webpack/public/path/img'''img.png");
+ background: url("file:///webpack/public/path/img'()%20img.png");
+ background: url("file:///webpack/public/path/img'img.png");
+ background: url("file:///webpack/public/path/img(img.png");
+ background: url("file:///webpack/public/path/img)img.png");
+ background: url("file:///webpack/public/path/img%20img.png");
+}
+
+.qqq {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.www {
+ background: url("file:///webpack/public/path/img'''img.png");
+ background: url("file:///webpack/public/path/img'()%20img.png");
+ background: url("file:///webpack/public/path/img'img.png");
+ background: url("file:///webpack/public/path/img(img.png");
+ background: url("file:///webpack/public/path/img)img.png");
+ background: url("file:///webpack/public/path/img%20img.png");
+ background: url(file:///webpack/public/path/img.png);
+ background: url(file:///webpack/public/path/img.png);
+ background: url("file:///webpack/public/path/img'img.png");
+ background: url("file:///webpack/public/path/img'()%20img.png");
+ background: url("file:///webpack/public/path/img'()%20img.png");
+}
+
+.class {
+ /* Should be one import */
+ background: url(file:///webpack/public/path/something.png);
+ background: url(file:///webpack/public/path/something.png);
+
+ background: url(file:///webpack/public/path/something.png);
+ background: url(file:///webpack/public/path/something.png);
+
+ background: url(file:///webpack/public/path/something.png#hash);
+ background: url(file:///webpack/public/path/something.png#hash);
+
+ /* Should be two imports */
+ background: url(file:///webpack/public/path/something.png);
+ background: url(file:///webpack/public/path/something.png);
+
+ background: url(file:///webpack/public/path/something.png#foo);
+ background: url(file:///webpack/public/path/something.png#bar);
+
+ background: url(file:///webpack/public/path/something.png);
+ background: url(file:///webpack/public/path/something.png);
+}
+
+.base {
+ background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A") 50% 50%/191px no-repeat;
+}
+
+.strange {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.my-background {
+ background-image: url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png, 'foo', './img.png', url('./img.png'));
+ background-image: image-set(url(file:///webpack/public/path/img.png, 'foo', './img.png', url('./img.png')) 1x, url(file:///webpack/public/path/img2x.png) 2x);
+}
+
+.button {
+ background-image: url('data:image/svg+xml;utf8,
');
+}
+
+/* We need to use \`resourceQuery: /inline/\` */
+/* Hard to test on webpack v4 */
+.qqq {
+ background: url(file:///webpack/public/path/custom-img.png)
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+/** Prefer relative **/
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+/** Prefer from modules **/
+.class {
+ background: url(file:///webpack/public/path/other.png);
+}
+
+.class {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.foo {
+ background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
+}
+
+.bar {
+ background-image: url("data:image/svg+xml;utf8,
");
+}
+",
+}
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and urls: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(120:3) from "postcss-url-parser" plugin: Unable to find uri in 'background: green url() xyz'
+
+Code:
+ background: green url() xyz
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(124:3) from "postcss-url-parser" plugin: Unable to find uri in 'background: green url('') xyz'
+
+Code:
+ background: green url('') xyz
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(128:3) from "postcss-url-parser" plugin: Unable to find uri in 'background: green url("") xyz'
+
+Code:
+ background: green url("") xyz
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(132:3) from "postcss-url-parser" plugin: Unable to find uri in 'background: green url(' ') xyz'
+
+Code:
+ background: green url(' ') xyz
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(136:3) from "postcss-url-parser" plugin: Unable to find uri in 'background: green url(
+ ) xyz'
+
+Code:
+ background: green url(
+ ) xyz
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(216:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: -webkit-image-set('')'
+
+Code:
+ background-image: -webkit-image-set('')
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(218:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set('')'
+
+Code:
+ background-image: image-set('')
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(219:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set("")'
+
+Code:
+ background-image: image-set("")
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(220:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set("" 1x)'
+
+Code:
+ background-image: image-set("" 1x)
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(221:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set(url())'
+
+Code:
+ background-image: image-set(url())
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(222:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set(
+ url()
+ )'
+
+Code:
+ background-image: image-set(
+ url()
+ )
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(225:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set(URL())'
+
+Code:
+ background-image: image-set(URL())
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(226:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set(url(''))'
+
+Code:
+ background-image: image-set(url(''))
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(227:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set(url(""))'
+
+Code:
+ background-image: image-set(url(""))
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(228:3) from "postcss-url-parser" plugin: Unable to find uri in 'background-image: image-set(url('') 1x)'
+
+Code:
+ background-image: image-set(url('') 1x)
+",
+]
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and with 'sass-loader': errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and with 'sass-loader': module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`body {
+ font: 100% Helvetica, sans-serif;
+ color: #333;
+}\`, ""]);
+// Exports
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+export default ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and with 'sass-loader': result 1`] = `
+CSSStyleSheet {
+ "text": "body {
+ font: 100% Helvetica, sans-serif;
+ color: #333;
+}",
+}
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value and with 'sass-loader': warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+]
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();
+___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());
+export default ___CSS_LOADER_STYLE_SHEET___;
+"
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value: result 1`] = `
+CSSStyleSheet {
+ "text": "@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(file:///webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(file:///webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+}
+`;
+
+exports[`'exportType' option should work with 'css-style-sheet' value: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'string' value and CSS modules: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'string' value and CSS modules: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.dvYI1gdIOPlJqjwAWOo8 {
+ color: red;
+}
+\`, ""]);
+// Exports
+var _1 = \`dvYI1gdIOPlJqjwAWOo8\`;
+export { _1 as "some-class" };
+export default ___CSS_LOADER_EXPORT___.toString();
+"
+`;
+
+exports[`'exportType' option should work with 'string' value and CSS modules: result 1`] = `
+{
+ "css": ".dvYI1gdIOPlJqjwAWOo8 {
+ color: red;
+}
+",
+ "locals": {
+ "someClass": "dvYI1gdIOPlJqjwAWOo8",
+ },
+}
+`;
+
+exports[`'exportType' option should work with 'string' value and CSS modules: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'string' value and generate source maps: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'string' value and generate source maps: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from "../../src/runtime/sourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, "",{"version":3,"sources":["webpack://./basic-css-style-sheet.css"],"names":[],"mappings":"AAAA,gBAAgB;;AAEhB,YAAY;;AAEZ;EACE,UAAU;EACV,mDAAgC;AAClC;;AAEA;EACE,mDAAgC;AAClC;;AAEA;EACE,UAAU;EACV,UAAU;AACZ;;AAEA,SAAS,QAAQ,EAAE;;AAEnB,MAAM;;AAEN,SAAS,QAAQ,EAAE;;AAEnB,SAAS,iBAAiB;;AAE1B;EACE;IACE,2BAA2B;EAC7B;AACF;;AAEA;EACE,gBAAgB;EAChB,qBAAqB;EACrB,sBAAsB;EACtB,0BAA0B;EAC1B,4BAA4B;AAC9B;;AAEA,OAAO;AACP,QAAQ;;AAER,SAAS;;AAET;EACE,aAAa;EACb,eAAe;AACjB;AACA;EACE,uBAAuB;AACzB;AACA;EACE,uBAAuB;AACzB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,qBAAqB;AACvB;;AAEA,aAAa;;AAEb,YAAY;;AAEZ,QAAQ;;AAER;EACE,mBAAmB,EAAE,2BAA2B;AAClD;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA,IAAI;;AAEJ,WAAW,EAAE,sCAAsC;AACnD,YAAY,EAAE,yCAAyC;AACvD,YAAY,EAAE,2CAA2C;AACzD,UAAU,EAAE,0CAA0C;AACtD,IAAI,EAAE,oCAAoC;;AAE1C;EACE,qBAAqB;EACrB;;;;;;;;;;GAUC;AACH;;AAEA;EACE,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,iBAAiB;EACjB,wBAAwB;AAC1B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mDAAq1B;AACv1B;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb","sourcesContent":["@charset \\"UTF-8\\";\\n\\n/* Comment */\\n\\n.class {\\n color: red;\\n background: url(\\"./url/img.png\\");\\n}\\n\\n.class-duplicate-url {\\n background: url(\\"./url/img.png\\");\\n}\\n\\n:root {\\n --foo: 1px;\\n --bar: 2px;\\n}\\n\\n.class { a: b c d; }\\n\\n.two {}\\n\\n.u-m\\\\+ { a: b c d; }\\n\\n.class { content: \\"\\\\F10C\\" }\\n\\n@media only screen and (max-width: 600px) {\\n body {\\n background-color: lightblue;\\n }\\n}\\n\\n.class {\\n content: \\"\\\\2193\\";\\n content: \\"\\\\2193\\\\2193\\";\\n content: \\"\\\\2193 \\\\2193\\";\\n content: \\"\\\\2193\\\\2193\\\\2193\\";\\n content: \\"\\\\2193 \\\\2193 \\\\2193\\";\\n}\\n\\n.-top {}\\n.\\\\-top {}\\n\\n#\\\\#test {}\\n\\n.grid {\\n display: flex;\\n flex-wrap: wrap;\\n}\\n.grid.\\\\-top {\\n align-items: flex-start;\\n}\\n.grid.-top {\\n align-items: flex-start;\\n}\\n.grid.\\\\-middle {\\n align-items: center;\\n}\\n.grid.\\\\-bottom {\\n align-items: flex-end;\\n}\\n\\n.u-m\\\\00002b {}\\n\\n.u-m00002b {}\\n\\n#u-m\\\\+ {}\\n\\nbody {\\n font-family: '微软雅黑'; /* some chinese font name */\\n}\\n\\n.myStyle {\\n content: '\\\\e901';\\n}\\n\\n.myStyle {\\n content: '\\\\E901';\\n}\\n\\n.♫ {}\\n\\n.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */\\n.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */\\n#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */\\n#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */\\n#© {} /* matches the element with id=\\"©\\" */\\n\\n:root {\\n --title-align: center;\\n --sr-only: {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n overflow: hidden;\\n clip: rect(0,0,0,0);\\n white-space: nowrap;\\n clip-path: inset(50%);\\n border: 0;\\n };\\n}\\n\\n.test {\\n content: \\"\\\\2014\\\\A0\\";\\n content: \\"\\\\2014 \\\\A0\\";\\n content: \\"\\\\A0 \\\\2014\\";\\n content: \\"\\\\A0\\\\2014\\";\\n margin-top: 1px\\\\9;\\n background-color: #000\\\\9;\\n}\\n\\n.light.on .bulb:before{\\n content: '💡';\\n}\\n\\n.base64 {\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\n}\\n\\na[href=''] {\\n color: red;\\n}\\n\\na[href='' i] {\\n color: red;\\n}\\n\\na[href=\\"\\"] {\\n color: blue;\\n}\\n\\na[href=\\"\\" i] {\\n color: blue;\\n}\\n"],"sourceRoot":""}]);
+// Exports
+export default ___CSS_LOADER_EXPORT___.toString();
+"
+`;
+
+exports[`'exportType' option should work with 'string' value and generate source maps: result 1`] = `
+"@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL2Jhc2ljLWNzcy1zdHlsZS1zaGVldC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCOztBQUVoQixZQUFZOztBQUVaO0VBQ0UsVUFBVTtFQUNWLG1EQUFnQztBQUNsQzs7QUFFQTtFQUNFLG1EQUFnQztBQUNsQzs7QUFFQTtFQUNFLFVBQVU7RUFDVixVQUFVO0FBQ1o7O0FBRUEsU0FBUyxRQUFRLEVBQUU7O0FBRW5CLE1BQU07O0FBRU4sU0FBUyxRQUFRLEVBQUU7O0FBRW5CLFNBQVMsaUJBQWlCOztBQUUxQjtFQUNFO0lBQ0UsMkJBQTJCO0VBQzdCO0FBQ0Y7O0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIscUJBQXFCO0VBQ3JCLHNCQUFzQjtFQUN0QiwwQkFBMEI7RUFDMUIsNEJBQTRCO0FBQzlCOztBQUVBLE9BQU87QUFDUCxRQUFROztBQUVSLFNBQVM7O0FBRVQ7RUFDRSxhQUFhO0VBQ2IsZUFBZTtBQUNqQjtBQUNBO0VBQ0UsdUJBQXVCO0FBQ3pCO0FBQ0E7RUFDRSx1QkFBdUI7QUFDekI7QUFDQTtFQUNFLG1CQUFtQjtBQUNyQjtBQUNBO0VBQ0UscUJBQXFCO0FBQ3ZCOztBQUVBLGFBQWE7O0FBRWIsWUFBWTs7QUFFWixRQUFROztBQUVSO0VBQ0UsbUJBQW1CLEVBQUUsMkJBQTJCO0FBQ2xEOztBQUVBO0VBQ0UsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UsZ0JBQWdCO0FBQ2xCOztBQUVBLElBQUk7O0FBRUosV0FBVyxFQUFFLHNDQUFzQztBQUNuRCxZQUFZLEVBQUUseUNBQXlDO0FBQ3ZELFlBQVksRUFBRSwyQ0FBMkM7QUFDekQsVUFBVSxFQUFFLDBDQUEwQztBQUN0RCxJQUFJLEVBQUUsb0NBQW9DOztBQUUxQztFQUNFLHFCQUFxQjtFQUNyQjs7Ozs7Ozs7OztHQVVDO0FBQ0g7O0FBRUE7RUFDRSxtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIsaUJBQWlCO0VBQ2pCLHdCQUF3QjtBQUMxQjs7QUFFQTtFQUNFLGFBQWE7QUFDZjs7QUFFQTtFQUNFLG1EQUFxMUI7QUFDdjFCOztBQUVBO0VBQ0UsVUFBVTtBQUNaOztBQUVBO0VBQ0UsVUFBVTtBQUNaOztBQUVBO0VBQ0UsV0FBVztBQUNiOztBQUVBO0VBQ0UsV0FBVztBQUNiIiwic291cmNlc0NvbnRlbnQiOlsiQGNoYXJzZXQgXCJVVEYtOFwiO1xuXG4vKiBDb21tZW50ICovXG5cbi5jbGFzcyB7XG4gIGNvbG9yOiByZWQ7XG4gIGJhY2tncm91bmQ6IHVybChcIi4vdXJsL2ltZy5wbmdcIik7XG59XG5cbi5jbGFzcy1kdXBsaWNhdGUtdXJsIHtcbiAgYmFja2dyb3VuZDogdXJsKFwiLi91cmwvaW1nLnBuZ1wiKTtcbn1cblxuOnJvb3Qge1xuICAtLWZvbzogMXB4O1xuICAtLWJhcjogMnB4O1xufVxuXG4uY2xhc3MgeyBhOiBiIGMgZDsgfVxuXG4udHdvIHt9XG5cbi51LW1cXCsgeyBhOiBiIGMgZDsgfVxuXG4uY2xhc3MgeyBjb250ZW50OiBcIlxcRjEwQ1wiIH1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2MDBweCkge1xuICBib2R5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGJsdWU7XG4gIH1cbn1cblxuLmNsYXNzIHtcbiAgY29udGVudDogXCJcXDIxOTNcIjtcbiAgY29udGVudDogXCJcXDIxOTNcXDIxOTNcIjtcbiAgY29udGVudDogXCJcXDIxOTMgXFwyMTkzXCI7XG4gIGNvbnRlbnQ6IFwiXFwyMTkzXFwyMTkzXFwyMTkzXCI7XG4gIGNvbnRlbnQ6IFwiXFwyMTkzIFxcMjE5MyBcXDIxOTNcIjtcbn1cblxuLi10b3Age31cbi5cXC10b3Age31cblxuI1xcI3Rlc3Qge31cblxuLmdyaWQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG4uZ3JpZC5cXC10b3Age1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5ncmlkLi10b3Age1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5ncmlkLlxcLW1pZGRsZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZ3JpZC5cXC1ib3R0b20ge1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG59XG5cbi51LW1cXDAwMDAyYiB7fVxuXG4udS1tMDAwMDJiIHt9XG5cbiN1LW1cXCsge31cblxuYm9keSB7XG4gIGZvbnQtZmFtaWx5OiAnw6XCvsKuw6jCvcKvw6nCm8KFw6nCu8KRJzsgLyogc29tZSBjaGluZXNlIGZvbnQgbmFtZSAqL1xufVxuXG4ubXlTdHlsZSB7XG4gIGNvbnRlbnQ6ICdcXGU5MDEnO1xufVxuXG4ubXlTdHlsZSB7XG4gIGNvbnRlbnQ6ICdcXEU5MDEnO1xufVxuXG4uw6LCmcKrIHt9XG5cbi5cXDNBIFxcYFxcKCB7fSAvKiBtYXRjaGVzIGVsZW1lbnRzIHdpdGggY2xhc3M9XCI6YChcIiAqL1xuLlxcMzEgYTJiM2Mge30gLyogbWF0Y2hlcyBlbGVtZW50cyB3aXRoIGNsYXNzPVwiMWEyYjNjXCIgKi9cbiNcXCNmYWtlLWlkIHt9IC8qIG1hdGNoZXMgdGhlIGVsZW1lbnQgd2l0aCBpZD1cIiNmYWtlLWlkXCIgKi9cbiMtYS1iLWMtIHt9IC8qIG1hdGNoZXMgdGhlIGVsZW1lbnQgd2l0aCBpZD1cIi1hLWItYy1cIiAqL1xuI8OCwqkge30gLyogbWF0Y2hlcyB0aGUgZWxlbWVudCB3aXRoIGlkPVwiw4LCqVwiICovXG5cbjpyb290IHtcbiAgLS10aXRsZS1hbGlnbjogY2VudGVyO1xuICAtLXNyLW9ubHk6IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDFweDtcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLDAsMCwwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGNsaXAtcGF0aDogaW5zZXQoNTAlKTtcbiAgICBib3JkZXI6IDA7XG4gIH07XG59XG5cbi50ZXN0IHtcbiAgY29udGVudDogXCJcXDIwMTRcXEEwXCI7XG4gIGNvbnRlbnQ6IFwiXFwyMDE0IFxcQTBcIjtcbiAgY29udGVudDogXCJcXEEwIFxcMjAxNFwiO1xuICBjb250ZW50OiBcIlxcQTBcXDIwMTRcIjtcbiAgbWFyZ2luLXRvcDogMXB4XFw5O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDAwXFw5O1xufVxuXG4ubGlnaHQub24gLmJ1bGI6YmVmb3Jle1xuICBjb250ZW50OiAnw7DCn8KSwqEnO1xufVxuXG4uYmFzZTY0IHtcbiAgYmFja2dyb3VuZDogdXJsKGRhdGE6aW1nL2pwZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJnQUFBQVlDQVlBQUFEZ2R6MzRBQUFBQVhOU1IwSUFyczRjNlFBQUFoeEpSRUZVU0EzdGs3MXJVMUVZeG5NVEVvSlVrb3dXd2RKMmFrRUhCZkdqQ2lJRjZaeWxWVUtTbTJUcVpMR0krQS9vSXUyVVhtOEM0bEF5RjRTV2ppMHRkRkxvMUVvN1ZOMFNhQkVoSDdlL056MG5QVGZHT2ppYUN5ZlBjNTczNHpsZkNRVDZYLzhFL3ZVRXJMODFLQmFMOXkzTFNudWVkNVBjSVRqVU93UjNnc0ZnMmJidGpZdDYvTkdnWEM0UDFldDFsMmFQTG1wQWJEMFNpZGpwZFBxZ1YxNVBBOWQxN3pRYWpVOFV4SFFSSy80RzM1UTVwdmVBSzhMbEkxWmpQTW5sY2x0bnl2bnZid2FPNDF4dnRWcXk3WUh6dE1BQ3E1eG5sYjlFWTNkUmR2Y0dvMWtqNXdSK3QxQW9mREcwZ00rQTg3NUU4RE5qUkNleHNyVjhQajlacVZRaXRWcnRxZWp4ZVB4ak1wbXNzNWhWVEI0YnVYdk1iMkR5VTJ0QlRSUytCanZObFZZVXBQbDdpdVZPM0dxMXVvUXgxRnRTT1cxZ1BncDVaV3JkQnRObVVEZ3Y1YXNneFE4RjFhZjV2aFkwWWp5anVXQzN3VHN6S0p6N0dCT2tjRmxRZlcyT05xNEZqV2krSGo2RFJDS3hRT0syVGxZNHg5MkV1WWQ1ZHZNQWJZSXpmaWthdTNwdTV0SjhLeGFMTGZvMGN5S2NpN3RLNFRaalVNY29YQW1Id3psZTBRL1JhQzVQMUdGTXlWeDlSOUZvOUhZcWxUclNncUR2RmVsQXFWUWE1aG11TVIvV0d0akFhQmRqd0JvRFEwWnNud1ZNWmpLWjluMFplbThEU2VEUGRyblpiTDZGMmwzTk92VVlOWms0b1ZEb1JUYWJQZTRFRE5KekIwWmNqQVl4ZW9aMmkzRk54UTdCSFl3L2NCL2ZsZGFILy9VRVRnSEhPOFM0NEtiZlhnQUFBQUJKUlU1RXJrSmdnZz09KTtcbn1cblxuYVtocmVmPScnXSB7XG4gIGNvbG9yOiByZWQ7XG59XG5cbmFbaHJlZj0nJyBpXSB7XG4gIGNvbG9yOiByZWQ7XG59XG5cbmFbaHJlZj1cIlwiXSB7XG4gIGNvbG9yOiBibHVlO1xufVxuXG5hW2hyZWY9XCJcIiBpXSB7XG4gIGNvbG9yOiBibHVlO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */"
+`;
+
+exports[`'exportType' option should work with 'string' value and generate source maps: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with 'string' value: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with 'string' value: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___.toString();
+"
+`;
+
+exports[`'exportType' option should work with 'string' value: result 1`] = `
+"@charset "UTF-8";
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+"
+`;
+
+exports[`'exportType' option should work with 'string' value: warnings 1`] = `[]`;
+
+exports[`'exportType' option should work with CSS modules and the 'exportOnlyLocals' option: errors 1`] = `[]`;
+
+exports[`'exportType' option should work with CSS modules and the 'exportOnlyLocals' option: module 1`] = `
+"// Imports
+import * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./values.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_2____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported-simple.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_3____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_4____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_5____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!../issue-861/node_modules/package/style.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_6____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_7____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!sass-loader!./scss-file.scss";
+// Exports
+var _1 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"]}\`;
+export { _1 as "v-def" };
+var _2 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-other"]}\`;
+export { _2 as "v-other" };
+var _3 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["s-white"]}\`;
+export { _3 as "s-white" };
+var _4 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["m-small"]}\`;
+export { _4 as "m-small" };
+var _5 = \`\${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["v-something"]}\`;
+export { _5 as "v-something" };
+var _6 = \`blue\`;
+export { _6 as "v-foo" };
+var _7 = \`block\`;
+export { _7 as "v-bar" };
+var _8 = \`#BF4040\`;
+export { _8 as "v-primary" };
+var _9 = \`black-selector\`;
+export { _9 as "s-black" };
+var _a = \`(min-width: 960px)\`;
+export { _a as "m-large" };
+var _b = \`validIdent\`;
+export { _b as "v-ident" };
+var _c = \`left\`;
+export { _c as "v-pre-defined-ident" };
+var _d = \`'content'\`;
+export { _d as "v-string" };
+var _e = \`''\`;
+export { _e as "v-string-1" };
+var _f = \`url(https://www.exammple.com/images/my-background.png)\`;
+export { _f as "v-url" };
+var _10 = \`url('https://www.exammple.com/images/my-background.png')\`;
+export { _10 as "v-url-1" };
+var _11 = \`url("https://www.exammple.com/images/my-background.png")\`;
+export { _11 as "v-url-2" };
+var _12 = \`100\`;
+export { _12 as "v-integer" };
+var _13 = \`-100\`;
+export { _13 as "v-integer-1" };
+var _14 = \`+100\`;
+export { _14 as "v-integer-2" };
+var _15 = \`.60\`;
+export { _15 as "v-number" };
+var _16 = \`-456.8\`;
+export { _16 as "v-number-1" };
+var _17 = \`-3.4e-2\`;
+export { _17 as "v-number-2" };
+var _18 = \`12px\`;
+export { _18 as "v-dimension" };
+var _19 = \`100%\`;
+export { _19 as "v-percentage" };
+var _1a = \`#fff\`;
+export { _1a as "v-hex" };
+var _1b = \` /* comment */\`;
+export { _1b as "v-comment" };
+var _1c = \`rgb(0,0,0)\`;
+export { _1c as "v-function" };
+var _1d = \`U+0025-00FF\`;
+export { _1d as "v-unicode-range" };
+export var ghi = \`ozGmfTedr1GnFJDWqNUH\`;
+var _1e = \`zchqshjqLbPAHaRvIBET\`;
+export { _1e as "my-class" };
+export var other = \`WZBxXqS2GytaA3IBhhnd\`;
+var _1f = \`W51zcAMuJMsNFi1CXgWr\`;
+export { _1f as "other-other" };
+export var green = \`KEl5ZxzNkpjfWorrBglC\`;
+export var foo = \`ecAEWh2vww9pNEdyj9Jn\`;
+export var simple = \`CBlowYk8qiAgWWzFeXRA \${___CSS_LOADER_ICSS_IMPORT_2____NAMED___["imported-simple"]}\`;
+export var relative = \`c_NHnDcX1bd_kuxgsuYi \${___CSS_LOADER_ICSS_IMPORT_3____NAMED___["imported-relative"]}\`;
+var _20 = \`S0Kwou8pVmsENtBP3hYm \${___CSS_LOADER_ICSS_IMPORT_4____NAMED___["imported-relative"]}\`;
+export { _20 as "top-relative" };
+var _21 = \`rq663Pq_zV0CjpwttvK4 \${___CSS_LOADER_ICSS_IMPORT_5____NAMED___["imported-module"]}\`;
+export { _21 as "my-module" };
+export var alias = \`fadRMHArJofp7sWEbPVR \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___["imported-alias"]}\`;
+var _22 = \`sg1HlXqlWy6l6_Wm5iA7 \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___["imported-alias"]}\`;
+export { _22 as "alias-duplicate" };
+var _23 = \`bnRUswvicYag6u0SPnvI\`;
+export { _23 as "primary-selector" };
+var _24 = \`kEJRwpukB2OtmkGTknbU\`;
+export { _24 as "black-selector" };
+export var header = \`hY2PI5vC9ABuJY1nkWnf\`;
+export var foobarbaz = \`q8mv0HutzqdsVWjl8mAz\`;
+export var url = \`xajoqP1d3SwrjJ4WEM8g\`;
+export var main = \`Ix5nEHiVOsWuWxdx0twz \${___CSS_LOADER_ICSS_IMPORT_7____NAMED___["scssClass"]}\`;
+"
+`;
+
+exports[`'exportType' option should work with CSS modules and the 'exportOnlyLocals' option: result 1`] = `
+{
+ "named": {
+ "alias": "fadRMHArJofp7sWEbPVR dnhKs1AYKq4KodZdfzcx",
+ "alias-duplicate": "sg1HlXqlWy6l6_Wm5iA7 dnhKs1AYKq4KodZdfzcx",
+ "black-selector": "kEJRwpukB2OtmkGTknbU",
+ "foo": "ecAEWh2vww9pNEdyj9Jn",
+ "foobarbaz": "q8mv0HutzqdsVWjl8mAz",
+ "ghi": "ozGmfTedr1GnFJDWqNUH",
+ "green": "KEl5ZxzNkpjfWorrBglC",
+ "header": "hY2PI5vC9ABuJY1nkWnf",
+ "m-large": "(min-width: 960px)",
+ "m-small": "(min-width: 320px)",
+ "main": "Ix5nEHiVOsWuWxdx0twz oNU7JF6MtPAFrlrthaOD",
+ "my-class": "zchqshjqLbPAHaRvIBET",
+ "my-module": "rq663Pq_zV0CjpwttvK4 q49Ogfvno__tAgAiYJcD",
+ "other": "WZBxXqS2GytaA3IBhhnd",
+ "other-other": "W51zcAMuJMsNFi1CXgWr",
+ "primary-selector": "bnRUswvicYag6u0SPnvI",
+ "relative": "c_NHnDcX1bd_kuxgsuYi o0pMg4suYQOIzdBIQJv1",
+ "s-black": "black-selector",
+ "s-white": "white",
+ "simple": "CBlowYk8qiAgWWzFeXRA pCAAqHK9Lcplw9QM7Rj0",
+ "top-relative": "S0Kwou8pVmsENtBP3hYm l9CmW32NEl99tuNLdbzp",
+ "url": "xajoqP1d3SwrjJ4WEM8g",
+ "v-bar": "block",
+ "v-comment": " /* comment */",
+ "v-def": "red",
+ "v-dimension": "12px",
+ "v-foo": "blue",
+ "v-function": "rgb(0,0,0)",
+ "v-hex": "#fff",
+ "v-ident": "validIdent",
+ "v-integer": "100",
+ "v-integer-1": "-100",
+ "v-integer-2": "+100",
+ "v-number": ".60",
+ "v-number-1": "-456.8",
+ "v-number-2": "-3.4e-2",
+ "v-other": "green",
+ "v-percentage": "100%",
+ "v-pre-defined-ident": "left",
+ "v-primary": "#BF4040",
+ "v-something": "2112moon",
+ "v-string": "'content'",
+ "v-string-1": "''",
+ "v-unicode-range": "U+0025-00FF",
+ "v-url": "url(https://www.exammple.com/images/my-background.png)",
+ "v-url-1": "url('https://www.exammple.com/images/my-background.png')",
+ "v-url-2": "url("https://www.exammple.com/images/my-background.png")",
+ },
+}
+`;
+
+exports[`'exportType' option should work with CSS modules and the 'exportOnlyLocals' option: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+]
+`;
diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap
index faa16ec1..f0aa2ca8 100644
--- a/test/__snapshots__/import-option.test.js.snap
+++ b/test/__snapshots__/import-option.test.js.snap
@@ -1,144 +1,185 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`"import" option should keep original order: errors 1`] = `Array []`;
+exports[`"import" option should jeep order of imports with 'webpackIgnore': errors 1`] = `[]`;
+
+exports[`"import" option should jeep order of imports with 'webpackIgnore': module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(/assets/themes.css);"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`/*! /* webpackIgnore: true */
+
+body {
+ background: red;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should jeep order of imports with 'webpackIgnore': result 1`] = `
+"@import url(/assets/themes.css);.test {
+ a: a;
+}
+/*! /* webpackIgnore: true */
+
+body {
+ background: red;
+}
+"
+`;
+
+exports[`"import" option should jeep order of imports with 'webpackIgnore': warnings 1`] = `[]`;
+
+exports[`"import" option should keep original order: errors 1`] = `[]`;
exports[`"import" option should keep original order: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./order-1.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./order-2.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./order-3.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_3___ from \\"-!../../../src/index.js??[ident]!./order-4.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./order-1.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./order-2.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_2___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./order-3.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_3___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./order-4.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and (min-width: 2000px)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, "screen and (min-width: 2000px)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___, \\"screen\\");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___, "screen");
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"div {\\\\n width: 100%;\\\\n height: 200px;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`div {
+ width: 100%;
+ height: 200px;
+}
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should keep original order: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/order-1.css",
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-1.css",
".order-1 {
color: red;
}
",
"",
],
- Array [
+ [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
- Array [
- "../../src/index.js?[ident]!./import/order-2.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-2.css",
".order-2 {
color: red;
}
",
"",
],
- Array [
+ [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
- Array [
- "../../src/index.js?[ident]!./import/order-1.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-1.css",
".order-1 {
color: red;
}
",
"",
],
- Array [
+ [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
- Array [
- "../../src/index.js?[ident]!./import/order-2.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-2.css",
".order-2 {
color: red;
}
",
"screen and (min-width: 2000px)",
],
- Array [
+ [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
- Array [
- "../../src/index.js?[ident]!./import/order-3-1.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-3-1.css",
".order-3-1 {
color: white;
}
",
"screen and (orientation:landscape)",
],
- Array [
- "../../src/index.js?[ident]!./import/order-3.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-3.css",
".order-3 {
color: red;
}
",
"",
],
- Array [
+ [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
- Array [
- "../../src/index.js?[ident]!./import/order-4-1.css",
- ".order-4-1 {
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-4-1.css",
+ "@media (min-width: 1000px) {.order-4-1 {
color: red;
}
-",
- "screen and (min-width: 1000px)",
+}",
+ "screen",
],
- Array [
- "../../src/index.js?[ident]!./import/order-4-2-1.css",
- ".order-4-2-1 {
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-4-2-1.css",
+ "@media (min-width: 2000px) {.order-4-2-1 {
color: red;
}
-",
- "screen and (min-width: 2000px)",
+}",
+ "screen",
],
- Array [
- "../../src/index.js?[ident]!./import/order-4-2-2.css",
- ".order-4-2-2 {
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-4-2-2.css",
+ "@media (min-width: 2000px) {@media (orientation:landscape) {.order-4-2-2 {
color: red;
}
-",
- "screen and (min-width: 2000px) and (orientation:landscape)",
+}}",
+ "screen",
],
- Array [
- "../../src/index.js?[ident]!./import/order-4-2.css",
- ".order-4-2 {
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-4-2.css",
+ "@media (min-width: 2000px) {.order-4-2 {
color: red;
}
-",
- "screen and (min-width: 2000px)",
+}",
+ "screen",
],
- Array [
- "../../src/index.js?[ident]!./import/order-4.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-4.css",
".order-4 {
color: red;
}
",
"screen",
],
- Array [
+ [
"./import/order.css",
"div {
width: 100%;
@@ -150,34 +191,71 @@ Array [
]
`;
-exports[`"import" option should keep original order: warnings 1`] = `Array []`;
+exports[`"import" option should keep original order: warnings 1`] = `[]`;
+
+exports[`"import" option should resolve "file" protocol: errors 1`] = `[]`;
+
+exports[`"import" option should resolve "file" protocol: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should resolve "file" protocol: result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
+ ".test {
+ a: a;
+}
+",
+ "",
+ ],
+ [
+ "./import/import-file-protocol.css",
+ "",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should resolve "file" protocol: warnings 1`] = `[]`;
-exports[`"import" option should resolve absolute path: errors 1`] = `Array []`;
+exports[`"import" option should resolve absolute path: errors 1`] = `[]`;
exports[`"import" option should resolve absolute path: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should resolve absolute path: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/test.css",
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
- Array [
+ [
"./import/import-absolute.css",
"",
"",
@@ -185,43 +263,47 @@ Array [
]
`;
-exports[`"import" option should resolve absolute path: warnings 1`] = `Array []`;
+exports[`"import" option should resolve absolute path: warnings 1`] = `[]`;
-exports[`"import" option should resolve server-relative url relative rootContext: errors 1`] = `Array []`;
+exports[`"import" option should resolve server-relative url relative rootContext: errors 1`] = `[]`;
exports[`"import" option should resolve server-relative url relative rootContext: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".class {\\\\n a: b c d;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.class {
+ a: b c d;
+}
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should resolve server-relative url relative rootContext: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/test.css",
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
- Array [
+ [
"./import/import-server-relative-url.css",
".class {
a: b c d;
@@ -232,34 +314,36 @@ Array [
]
`;
-exports[`"import" option should resolve server-relative url relative rootContext: warnings 1`] = `Array []`;
+exports[`"import" option should resolve server-relative url relative rootContext: warnings 1`] = `[]`;
-exports[`"import" option should respect conditionNames: errors 1`] = `Array []`;
+exports[`"import" option should respect conditionNames: errors 1`] = `[]`;
exports[`"import" option should respect conditionNames: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./node_modules/package-with-exports/style.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package-with-exports/style.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should respect conditionNames: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/node_modules/package-with-exports/style.css",
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package-with-exports/style.css",
".load-me {
color: red;
}
",
"",
],
- Array [
+ [
"./import/import-conditionNames.css",
"
",
@@ -268,32 +352,36 @@ Array [
]
`;
-exports[`"import" option should respect conditionNames: warnings 1`] = `Array []`;
+exports[`"import" option should respect conditionNames: warnings 1`] = `[]`;
-exports[`"import" option should respect style field in package.json: errors 1`] = `Array []`;
+exports[`"import" option should respect style field in package.json: errors 1`] = `[]`;
exports[`"import" option should respect style field in package.json: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".test {\\\\n color: coral;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.test {
+ color: coral;
+}
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should respect style field in package.json: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/node_modules/issue-683/test.css",
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/issue-683-package/test.css",
".test {
color: coral;
}
",
"",
],
- Array [
+ [
"./import/issue-683.css",
"
",
@@ -302,69 +390,102 @@ Array [
]
`;
-exports[`"import" option should respect style field in package.json: warnings 1`] = `Array []`;
+exports[`"import" option should respect style field in package.json: warnings 1`] = `[]`;
exports[`"import" option should throw an error on unresolved import: errors 1`] = `
-Array [
+[
"ModuleBuildError: Module build failed (from \`replaced original path\`):
Error: Can't resolve 'unresolved-file.css' in '/test/fixtures/import'",
]
`;
-exports[`"import" option should throw an error on unresolved import: warnings 1`] = `Array []`;
+exports[`"import" option should throw an error on unresolved import: warnings 1`] = `[]`;
+
+exports[`"import" option should work and output media: errors 1`] = `[]`;
+
+exports[`"import" option should work and output media: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./dark.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "(prefers-color-scheme: dark)");
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`a {
+ color: black;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work and output media: result 1`] = `
+"@media (prefers-color-scheme: dark) {a {
+ color: white;
+}
+}a {
+ color: black;
+}
+"
+`;
+
+exports[`"import" option should work and output media: warnings 1`] = `[]`;
-exports[`"import" option should work resolve order: local -> node_modules -> alias: errors 1`] = `Array []`;
+exports[`"import" option should work resolve order: local -> node_modules -> alias: errors 1`] = `[]`;
exports[`"import" option should work resolve order: local -> node_modules -> alias: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./issue-683.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./issue-683.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_2___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/tilde.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work resolve order: local -> node_modules -> alias: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/test.css",
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./import/node_modules/issue-683/test.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/issue-683-package/test.css",
".test {
color: coral;
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./import/issue-683.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/issue-683.css",
"
",
"",
],
- Array [
- "../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/tilde.css",
".tilde {
color: yellow;
}
",
"",
],
- Array [
+ [
"./import/import-order.css",
"
",
@@ -373,381 +494,700 @@ Array [
]
`;
-exports[`"import" option should work resolve order: local -> node_modules -> alias: warnings 1`] = `Array []`;
+exports[`"import" option should work resolve order: local -> node_modules -> alias: warnings 1`] = `[]`;
-exports[`"import" option should work when "Function": errors 1`] = `Array []`;
+exports[`"import" option should work when 'import.loaders' not specified: errors 1`] = `[]`;
-exports[`"import" option should work when "Function": module 1`] = `
+exports[`"import" option should work when 'import.loaders' not specified: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test-media.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./test-other.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./query.css?foo=1&bar=1\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_3___ from \\"-!../../../src/index.js??[ident]!./other-query.css?foo=1&bar=1#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_4___ from \\"-!../../../src/index.js??[ident]!./relative.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_5___ from \\"-!../../../src/index.js??[ident]!./top-relative.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_6___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_7___ from \\"-!../../../src/index.js??[ident]!./alias.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_8___ from \\"-!../../../src/index.js??[ident]!./url.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_9___ from \\"-!../../../src/index.js??[ident]!./te'st.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_10___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_11___ from \\"-!../../../src/index.js??[ident]!./something.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_12___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_13___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_14___ from \\"-!../../../src/index.js??[ident]!./something.css?bar=foo\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_15___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#one\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_16___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#two\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_17___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=1&bar=2\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_18___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=2&bar=1\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"(min-width: 100px)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(//example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js!./imported.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js!./other-imported.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work when 'import.loaders' not specified: result 1`] = `
+[
+ [
+ "../../src/index.js!./nested-import/imported.css",
+ ".bar {
+ color: blue;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js!./nested-import/other-imported.css",
+ ".baz {
+ color: green;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "./nested-import/source.css",
+ ".foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work when 'import.loaders' not specified: warnings 1`] = `[]`;
+
+exports[`"import" option should work when not specified and print correct output: errors 1`] = `[]`;
+
+exports[`"import" option should work when not specified and print correct output: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_2___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-other.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_3___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_4___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./query.css?foo=1&bar=1";
+import ___CSS_LOADER_AT_RULE_IMPORT_5___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./other-query.css?foo=1&bar=1#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_6___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_7___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_8___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/tilde.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_9___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_10___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./url.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_11___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./te'st.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_12___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_13___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!!!../../helpers/string-loader.js?esModule=false!./node_modules/package/tilde.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_14___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?foo=bar";
+import ___CSS_LOADER_AT_RULE_IMPORT_15___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?foo=bar#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_16___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_17___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_18___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar";
+import ___CSS_LOADER_AT_RULE_IMPORT_19___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_20___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?bar=foo";
+import ___CSS_LOADER_AT_RULE_IMPORT_21___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#one";
+import ___CSS_LOADER_AT_RULE_IMPORT_22___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#two";
+import ___CSS_LOADER_AT_RULE_IMPORT_23___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=1&bar=2";
+import ___CSS_LOADER_AT_RULE_IMPORT_24___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=2&bar=1";
+import ___CSS_LOADER_AT_RULE_IMPORT_25___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./my.scss";
+import ___CSS_LOADER_AT_RULE_IMPORT_26___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./package/first.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_27___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/second.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_28___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_29___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_30___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_31___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_32___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_33___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-deep-with-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_34___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_35___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_36___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-multiple-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_37___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-unnamed.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_38___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-unnamed-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_39___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-multiple-unnamed-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_40___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-and-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_41___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-and-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_42___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-layer.css";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./img.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___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___);
+___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___);
+___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___);
+___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___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation: landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___, "(min-width: 100px)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css?#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css?foo=bar#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/other-style.css);", "screen and (orientation:landscape)"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/other-style.css);", "screen and (orientation:landscape)"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(//example.com/style.css);"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Roboto);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_8___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_10___);
+___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___);
+___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_11___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___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___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___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___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)", false, "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___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_19___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_19___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_20___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_21___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_22___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_23___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___);
+___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___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_25___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Roboto);"]);
+___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___, "", false, "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "unknown");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: flex !important");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);", "screen and (min-width: 400px)", false, "display: flex"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width:400px)", false, "display: flex", "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___, "screen and ( min-width : 400px )", false, "display : flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "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 */ /* comment */display/* comment */:/* comment */ flex/* comment */", "/* comment */ /* 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___, "screen and (min-width: 400px)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, "(prefers-color-scheme: dark)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, "", false, "((display: flex))");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: grid");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_34___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_35___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_36___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_37___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_38___, "", false, undefined, "base");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_39___, "", false, undefined, "base");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_40___, "", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_41___, "screen and (min-width: 400px)", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_42___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "unknown(default) unknown(display: flex) unknown");
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(\\\\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\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`@import url();
+@import url('');
+@import url("");
+@import '';
+@import "";
+@import " ";
+@import "
+";
+@import url();
+@import url('');
+@import url("");
+@import ;
+@import foo-bar;
+@import-normalize;
+@import url('http://') :root {}
+
+.class {
+ a: b c d;
+}
+
+.foo {
+ @import 'path.css';
+}
+
+.background {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+@import nourl(test.css);
+@import '\\\\
+\\\\
+\\\\
+';
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+
+/* Prefer relative */
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"import" option should work when "Function": result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/test-nested-media.css",
- "a {
+exports[`"import" option should work when not specified and print correct output: result 1`] = `
+".test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+@media screen and (orientation:landscape) {.test {
+ a: a;
+}
+}@media screen and (orientation: landscape) {.test {
+ a: a;
+}
+}@media screen and (orientation:landscape) {.test {
+ a: a;
+}
+}@media screen and (orientation:landscape) {.test {
+ a: a;
+}
+}@media screen and (orientation:landscape) {@media (min-width: 100px) {a {
b: b;
}
-",
- "screen and (orientation:landscape) and (min-width: 100px)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test-media.css",
- ".test {
+}}@media screen and (orientation:landscape) {.test {
c: c;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./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?[ident]!./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);.test {
+ d: d
+}
+.query {
e: e;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
- ".other-query {
+.other-query {
f: f;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./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?[ident]!./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?[ident]!./import/top-relative.css",
- ".top-relative {
+.top-relative {
color: black;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
- ".tilde {
+.tilde {
color: yellow;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/alias.css",
- ".alias {
+.alias {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/url.css",
- ".background-imported {
- background: url(/webpack/public/path/img.png);
+.background-imported {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
- "a { color: red };",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css",
- ".my-box {
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.test {
+ a: a;
+}
+a { color: red };.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+@supports (display: flex) {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (orientation:landscape) {.test {
+ a: a;
+}
+}}.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?bar=foo",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#one",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#two",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=1&bar=2",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=2&bar=1",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "./import/import.css",
- "@import url(test.css);
-@import url('test.css');
-@import url(\\"test.css\\");
-@IMPORT url(test.css);
-@import URL(test.css);
-@import url(test.css );
-@import url( test.css);
-@import url( test.css );
-@import url(
- test.css
-);
-@import url();
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+a {
+ color: red;
+}@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;
+}
+.second {
+ color: red;
+}
+.test {
+ a: a;
+}
+@supports (unknown) {.test {
+ a: a;
+}
+}@supports (display: flex) {.test {
+ a: a;
+}
+}@supports (display: flex !important) {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {.test {
+ a: a;
+}
+}}@layer {.test {
+ a: a;
+}
+}@layer default {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer {.test {
+ a: a;
+}
+}}}@layer {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@import url(http://example.com/style.css);}}@supports (display: flex) {@media screen and (min-width:400px) {@layer default {.test {
+ a: a;
+}
+}}}@media screen and (min-width: 400px) {.test {
+ a: a;
+}
+}@supports (display : flex) {@media screen and ( min-width : 400px ) {@layer default {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {.test {
+ a: a;
+}
+}}}@supports (/* comment */ /* comment */display/* comment */:/* comment */ flex/* comment */) {@media /* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */) {@layer /* comment */ /* comment */default/* comment */ {.test {
+ a: a;
+}
+}}}.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+@media /* comment */ print and (orientation:landscape) {.test {
+ a: a;
+}
+}@media /* comment */ print and (orientation:landscape) {.test {
+ a: a;
+}
+}@media screen and (min-width: 400px) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}@media screen and (min-width: 400px) {
+}@media (prefers-color-scheme: dark) {@media screen and (min-width: 400px) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}@media (prefers-color-scheme: dark) {@media screen and (min-width: 400px) {
+}}@media (prefers-color-scheme: dark) {}@supports (display: flex) {@supports (display: grid) {.test {
+ a: a;
+}
+}}@supports (display: flex) {}@supports (((display: flex))) {@supports (display: grid) {.test {
+ a: a;
+}
+}}@supports (((display: flex))) {}@supports (display: flex) {@supports (display: block) {@supports (display: grid) {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@supports (display: block) {}}@supports (display: flex) {}@supports (display: grid) {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: grid) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}}@supports (display: flex) {@media screen and (min-width: 400px) {}}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: grid) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}}}}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: flex) {@media screen and (min-width: 400px) {}}}}@supports (display: flex) {@media screen and (min-width: 400px) {}}@layer framework {.test {
+ a: a;
+}
+}@layer framework {@layer base {.test {
+ a: a;
+}
+}}@layer framework {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}@layer framework {@layer form {@layer base {.test {
+ a: a;
+}
+}}}@layer framework {@layer form {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}}@layer framework {@layer form {
+ .bar {
+ color: red;
+ }
+}
+}@layer default {@layer base {.test {
+ a: a;
+}
+}}@layer default {@layer base {.relative {
+ color: red;
+}
+}}@layer default {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}@layer default {@layer {.test {
+ a: a;
+}
+}}@layer default {}@layer base {@layer {.test {
+ a: a;
+}
+}}@layer base {.foo {
+ color: red;
+}
+}@layer base {@layer {.test {
+ a: a;
+}
+}}@layer base {@layer {.relative {
+ color: red;
+}
+}}@layer base {.foo {
+ color: red;
+}
+}@supports (display: flex) {@layer default {@layer base {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@layer default {}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {@supports (display: grid) {@media screen and (min-width: 900px) {@layer base {.test {
+ a: a;
+}
+}}}}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {}}}@layer bootstrap {@layer base {@layer {.relative {
+ color: red;
+}
+}}}@layer bootstrap {@layer base {@layer {.test {
+ a: a;
+}
+}}}@layer bootstrap {@layer base {/* unnamed wrapper layers around each sub-file */
+}}@layer bootstrap {/* the internal names are hidden from access, subsumed in "base" */}/* Adds additional styles to the bootstrap layer: */
+@layer bootstrap {
+ .test {
+ color: red;
+ }
+}@media unknown(default) unknown(display: flex) unknown {.test {
+ a: a;
+}
+}@import url();
@import url('');
-@import url(\\"\\");
-@import \\"test.css\\";
-@import 'test.css';
+@import url("");
@import '';
-@import \\"\\";
-@import \\" \\";
-@import \\"
-\\";
+@import "";
+@import " ";
+@import "
+";
@import url();
@import url('');
-@import url(\\"\\");
-@import url(test.css) screen and (orientation:landscape);
-@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);
-@import url(test.css)screen and (orientation:landscape);
-@import url(test.css) screen and (orientation:landscape);
-@import url(~package/test.css);
+@import url("");
@import ;
@import foo-bar;
@import-normalize;
@@ -762,52 +1202,15 @@ Array [
}
.background {
- background: url(/webpack/public/path/img.png);
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
+@import nourl(test.css);
+@import '\\
+\\
+\\
+';
-@import url(./test.css);
-
-@import './te\\\\
-st.css';
-@import './te\\\\
-\\\\
-\\\\
-st.css';
-@import url('./te\\\\
-st.css');
-@import url('./te\\\\
-\\\\
-\\\\
-st.css');
-@import './test test.css';
-@import url('./test test.css');
-@import './test\\\\ test.css';
-@import url('./test\\\\ test.css');
-@import './test%20test.css';
-@import url('./test%20test.css');
-@import './\\\\74\\\\65\\\\73\\\\74.css';
-@import url('./\\\\74\\\\65\\\\73\\\\74.css');
-@import './t\\\\65\\\\73\\\\74.css';
-@import url('./t\\\\65\\\\73\\\\74.css');
-@import url(./test\\\\ test.css);
-@import url(./t\\\\65st%20test.css);
-@import url('./t\\\\65st%20test.css');
-@import url(\\"./t\\\\65st%20test.css\\");
-@import \\"./t\\\\65st%20test.css\\";
-@import './t\\\\65st%20test.css';
-@import url( test.css );
-@import nourl(test.css);
-@import '\\\\
-\\\\
-\\\\
-';
-@import url(test.css?foo=bar);
-@import url(test.css?foo=bar#hash);
-@import url(test.css?#hash);
-@import \\"test.css\\" supports(display: flex);
-@import \\"test.css\\" supports(display: flex) screen and (orientation:landscape);
-
-/* Should be one import and two css modules */
+/* Should be one import and two css modules */
/* Should be one import and two css modules */
@@ -818,146 +1221,205 @@ st.css');
/* Should be two import and two css modules */
/* Should be two import and two css modules */
-",
- "",
- ],
-]
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+
+/* Prefer relative */
+"
`;
-exports[`"import" option should work when "Function": warnings 1`] = `
-Array [
+exports[`"import" option should work when not specified and print correct output: warnings 1`] = `
+[
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(105:1) from "postcss-import-parser" plugin: Unable to find uri in "@import nourl(test.css)"
-(105:1) Unable to find uri in \\"@import nourl(test.css)\\"",
+Code:
+ @import nourl(test.css)
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(106:1) from "postcss-import-parser" plugin: Unable to find uri in "@import '\\
+\\
+\\
+'"
-(106:1) Unable to find uri in \\"@import '\\\\
-\\\\
-\\\\
-'\\"",
+Code:
+ @import '\\
+\\
+\\
+'
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(12:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url()"
+
+Code:
+ @import url()
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(13:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('')"
-(12:1) Unable to find uri in \\"@import url()\\"",
+Code:
+ @import url('')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(14:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url("")"
-(13:1) Unable to find uri in \\"@import url('')\\"",
+Code:
+ @import url("")
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(154:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('!!../../helpers/string-loader.js?esModule=false!')"
-(14:1) Unable to find uri in \\"@import url(\\"\\")\\"",
+Code:
+ @import url('!!../../helpers/string-loader.js?esModule=false!')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(17:1) from "postcss-import-parser" plugin: Unable to find uri in "@import ''"
-(17:1) Unable to find uri in \\"@import ''\\"",
+Code:
+ @import ''
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(18:1) from "postcss-import-parser" plugin: Unable to find uri in "@import """
-(18:1) Unable to find uri in \\"@import \\"\\"\\"",
+Code:
+ @import ""
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(19:1) from "postcss-import-parser" plugin: Unable to find uri in "@import " ""
-(19:1) Unable to find uri in \\"@import \\" \\"\\"",
+Code:
+ @import " "
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(20:1) from "postcss-import-parser" plugin: Unable to find uri in "@import "
+""
-(20:1) Unable to find uri in \\"@import \\"
-\\"\\"",
+Code:
+ @import "
+"
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(22:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url()"
-(22:1) Unable to find uri in \\"@import url()\\"",
+Code:
+ @import url()
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(23:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('')"
-(23:1) Unable to find uri in \\"@import url('')\\"",
+Code:
+ @import url('')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(24:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url("")"
-(24:1) Unable to find uri in \\"@import url(\\"\\")\\"",
+Code:
+ @import url("")
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(40:1) from "postcss-import-parser" plugin: Unable to find uri in "@import "
-(40:1) Unable to find uri in \\"@import \\"",
+Code:
+ @import
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(41:1) from "postcss-import-parser" plugin: Unable to find uri in "@import foo-bar"
-(41:1) Unable to find uri in \\"@import foo-bar\\"",
+Code:
+ @import foo-bar
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(43:1) from "postcss-import-parser" plugin: It looks like you didn't end your @import statement correctly. Child nodes are attached to it.
-(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.",
+Code:
+ @import url('http://') :root {}
+",
]
`;
-exports[`"import" option should work when not specified: errors 1`] = `Array []`;
+exports[`"import" option should work when not specified: errors 1`] = `[]`;
exports[`"import" option should work when not specified: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./test-media.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./test-other.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_3___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/test.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_4___ from \\"-!../../../src/index.js??[ident]!./query.css?foo=1&bar=1\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_5___ from \\"-!../../../src/index.js??[ident]!./other-query.css?foo=1&bar=1#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_6___ from \\"-!../../../src/index.js??[ident]!./relative.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_7___ from \\"-!../../../src/index.js??[ident]!./top-relative.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_8___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_9___ from \\"-!../../../src/index.js??[ident]!./alias.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_10___ from \\"-!../../../src/index.js??[ident]!./url.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_11___ from \\"-!../../../src/index.js??[ident]!./te'st.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_12___ from \\"-!../../../src/index.js??[ident]!./test test.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_13___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_14___ from \\"-!../../../src/index.js??[ident]!./test.css?foo=bar\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_15___ from \\"-!../../../src/index.js??[ident]!./test.css?foo=bar#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_16___ from \\"-!../../../src/index.js??[ident]!./test.css?#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_17___ from \\"-!../../../src/index.js??[ident]!./something.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_18___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_19___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_20___ from \\"-!../../../src/index.js??[ident]!./something.css?bar=foo\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_21___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#one\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_22___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#two\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_23___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=1&bar=2\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_24___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=2&bar=1\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___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___);
-___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___);
-___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___);
-___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___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation: landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___, \\"(min-width: 100px)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(//example.com/style.css);\\"]);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_2___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-other.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_3___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_4___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./query.css?foo=1&bar=1";
+import ___CSS_LOADER_AT_RULE_IMPORT_5___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./other-query.css?foo=1&bar=1#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_6___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_7___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_8___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/tilde.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_9___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_10___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./url.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_11___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./te'st.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_12___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_13___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!!!../../helpers/string-loader.js?esModule=false!./node_modules/package/tilde.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_14___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?foo=bar";
+import ___CSS_LOADER_AT_RULE_IMPORT_15___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?foo=bar#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_16___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_17___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_18___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar";
+import ___CSS_LOADER_AT_RULE_IMPORT_19___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_20___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?bar=foo";
+import ___CSS_LOADER_AT_RULE_IMPORT_21___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#one";
+import ___CSS_LOADER_AT_RULE_IMPORT_22___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#two";
+import ___CSS_LOADER_AT_RULE_IMPORT_23___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=1&bar=2";
+import ___CSS_LOADER_AT_RULE_IMPORT_24___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=2&bar=1";
+import ___CSS_LOADER_AT_RULE_IMPORT_25___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./my.scss";
+import ___CSS_LOADER_AT_RULE_IMPORT_26___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./package/first.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_27___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/second.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_28___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_29___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_30___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_31___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_32___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_33___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-deep-with-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_34___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_35___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_36___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-multiple-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_37___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-unnamed.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_38___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-unnamed-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_39___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-multiple-unnamed-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_40___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-and-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_41___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-and-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_42___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-layer.css";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./img.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___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___);
+___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___);
+___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___);
+___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___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation: landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___, "(min-width: 100px)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css?#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css?foo=bar#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/other-style.css);", "screen and (orientation:landscape)"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/other-style.css);", "screen and (orientation:landscape)"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(//example.com/style.css);"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Roboto);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_8___);
@@ -993,8 +1455,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, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)", false, "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___);
@@ -1007,640 +1469,509 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_21___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_22___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_23___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___);
+___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___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_25___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Roboto);"]);
+___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___, "", false, "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "unknown");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: flex !important");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);", "screen and (min-width: 400px)", false, "display: flex"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width:400px)", false, "display: flex", "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___, "screen and ( min-width : 400px )", false, "display : flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "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 */ /* comment */display/* comment */:/* comment */ flex/* comment */", "/* comment */ /* 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___, "screen and (min-width: 400px)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, "(prefers-color-scheme: dark)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, "", false, "((display: flex))");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: grid");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_34___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_35___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_36___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_37___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_38___, "", false, undefined, "base");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_39___, "", false, undefined, "base");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_40___, "", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_41___, "screen and (min-width: 400px)", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_42___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "unknown(default) unknown(display: flex) unknown");
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\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`@import url();
+@import url('');
+@import url("");
+@import '';
+@import "";
+@import " ";
+@import "
+";
+@import url();
+@import url('');
+@import url("");
+@import ;
+@import foo-bar;
+@import-normalize;
+@import url('http://') :root {}
+
+.class {
+ a: b c d;
+}
+
+.foo {
+ @import 'path.css';
+}
+
+.background {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+@import nourl(test.css);
+@import '\\\\
+\\\\
+\\\\
+';
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+
+/* Prefer relative */
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work when not specified: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+".test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+@media screen and (orientation:landscape) {.test {
a: a;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+}@media screen and (orientation: landscape) {.test {
a: a;
}
-",
- "screen and (orientation: landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+}@media screen and (orientation:landscape) {.test {
a: a;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+}@media screen and (orientation:landscape) {.test {
a: a;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test-nested-media.css",
- "a {
+}@media screen and (orientation:landscape) {@media (min-width: 100px) {a {
b: b;
}
-",
- "screen and (orientation:landscape) and (min-width: 100px)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test-media.css",
- ".test {
+}}@media screen and (orientation:landscape) {.test {
c: c;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./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?[ident]!./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?[ident]!./import/query.css?foo=1&bar=1",
- ".query {
+.query {
e: e;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
- ".other-query {
+.other-query {
f: f;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./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?[ident]!./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?[ident]!./import/top-relative.css",
- ".top-relative {
+.top-relative {
color: black;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
- ".tilde {
+.tilde {
color: yellow;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/alias.css",
- ".alias {
+.alias {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/url.css",
- ".background-imported {
- background: url(/webpack/public/path/img.png);
+.background-imported {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
+.space {
color: gray;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
- "a { color: red };",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css?foo=bar",
- ".test {
+a { color: red };.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css?foo=bar#hash",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css?#hash",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+@supports (display: flex) {.test {
a: a;
}
-",
- "supports(display: flex)",
- ],
- Array [
- "../../src/index.js?[ident]!./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?[ident]!./import/something.css",
- ".my-box {
+}}.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?bar=foo",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#one",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#two",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=1&bar=2",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=2&bar=1",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "./import/import.css",
- "@import url();
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+a {
+ color: red;
+}@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;
+}
+.second {
+ color: red;
+}
+.test {
+ a: a;
+}
+@supports (unknown) {.test {
+ a: a;
+}
+}@supports (display: flex) {.test {
+ a: a;
+}
+}@supports (display: flex !important) {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {.test {
+ a: a;
+}
+}}@layer {.test {
+ a: a;
+}
+}@layer default {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer {.test {
+ a: a;
+}
+}}}@layer {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@import url(http://example.com/style.css);}}@supports (display: flex) {@media screen and (min-width:400px) {@layer default {.test {
+ a: a;
+}
+}}}@media screen and (min-width: 400px) {.test {
+ a: a;
+}
+}@supports (display : flex) {@media screen and ( min-width : 400px ) {@layer default {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {.test {
+ a: a;
+}
+}}}@supports (/* comment */ /* comment */display/* comment */:/* comment */ flex/* comment */) {@media /* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */) {@layer /* comment */ /* comment */default/* comment */ {.test {
+ a: a;
+}
+}}}.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+@media /* comment */ print and (orientation:landscape) {.test {
+ a: a;
+}
+}@media /* comment */ print and (orientation:landscape) {.test {
+ a: a;
+}
+}@media screen and (min-width: 400px) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}@media screen and (min-width: 400px) {
+}@media (prefers-color-scheme: dark) {@media screen and (min-width: 400px) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}@media (prefers-color-scheme: dark) {@media screen and (min-width: 400px) {
+}}@media (prefers-color-scheme: dark) {}@supports (display: flex) {@supports (display: grid) {.test {
+ a: a;
+}
+}}@supports (display: flex) {}@supports (((display: flex))) {@supports (display: grid) {.test {
+ a: a;
+}
+}}@supports (((display: flex))) {}@supports (display: flex) {@supports (display: block) {@supports (display: grid) {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@supports (display: block) {}}@supports (display: flex) {}@supports (display: grid) {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: grid) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}}@supports (display: flex) {@media screen and (min-width: 400px) {}}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: grid) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}}}}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: flex) {@media screen and (min-width: 400px) {}}}}@supports (display: flex) {@media screen and (min-width: 400px) {}}@layer framework {.test {
+ a: a;
+}
+}@layer framework {@layer base {.test {
+ a: a;
+}
+}}@layer framework {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}@layer framework {@layer form {@layer base {.test {
+ a: a;
+}
+}}}@layer framework {@layer form {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}}@layer framework {@layer form {
+ .bar {
+ color: red;
+ }
+}
+}@layer default {@layer base {.test {
+ a: a;
+}
+}}@layer default {@layer base {.relative {
+ color: red;
+}
+}}@layer default {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}@layer default {@layer {.test {
+ a: a;
+}
+}}@layer default {}@layer base {@layer {.test {
+ a: a;
+}
+}}@layer base {.foo {
+ color: red;
+}
+}@layer base {@layer {.test {
+ a: a;
+}
+}}@layer base {@layer {.relative {
+ color: red;
+}
+}}@layer base {.foo {
+ color: red;
+}
+}@supports (display: flex) {@layer default {@layer base {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@layer default {}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {@supports (display: grid) {@media screen and (min-width: 900px) {@layer base {.test {
+ a: a;
+}
+}}}}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {}}}@layer bootstrap {@layer base {@layer {.relative {
+ color: red;
+}
+}}}@layer bootstrap {@layer base {@layer {.test {
+ a: a;
+}
+}}}@layer bootstrap {@layer base {/* unnamed wrapper layers around each sub-file */
+}}@layer bootstrap {/* the internal names are hidden from access, subsumed in "base" */}/* Adds additional styles to the bootstrap layer: */
+@layer bootstrap {
+ .test {
+ color: red;
+ }
+}@media unknown(default) unknown(display: flex) unknown {.test {
+ a: a;
+}
+}@import url();
@import url('');
-@import url(\\"\\");
+@import url("");
@import '';
-@import \\"\\";
-@import \\" \\";
-@import \\"
-\\";
+@import "";
+@import " ";
+@import "
+";
@import url();
@import url('');
-@import url(\\"\\");
+@import url("");
@import ;
@import foo-bar;
@import-normalize;
@@ -1655,12 +1986,12 @@ Array [
}
.background {
- background: url(/webpack/public/path/img.png);
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
@import nourl(test.css);
-@import '\\\\
-\\\\
-\\\\
+@import '\\
+\\
+\\
';
/* Should be one import and two css modules */
@@ -1674,125 +2005,554 @@ Array [
/* Should be two import and two css modules */
/* Should be two import and two css modules */
-",
- "",
- ],
-]
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+
+/* Prefer relative */
+"
`;
exports[`"import" option should work when not specified: warnings 1`] = `
-Array [
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(105:1) from "postcss-import-parser" plugin: Unable to find uri in "@import nourl(test.css)"
+
+Code:
+ @import nourl(test.css)
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(106:1) from "postcss-import-parser" plugin: Unable to find uri in "@import '\\
+\\
+\\
+'"
-(105:1) Unable to find uri in \\"@import nourl(test.css)\\"",
+Code:
+ @import '\\
+\\
+\\
+'
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(12:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url()"
-(106:1) Unable to find uri in \\"@import '\\\\
-\\\\
-\\\\
-'\\"",
+Code:
+ @import url()
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(13:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('')"
-(12:1) Unable to find uri in \\"@import url()\\"",
+Code:
+ @import url('')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(14:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url("")"
-(13:1) Unable to find uri in \\"@import url('')\\"",
+Code:
+ @import url("")
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(154:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('!!../../helpers/string-loader.js?esModule=false!')"
-(14:1) Unable to find uri in \\"@import url(\\"\\")\\"",
+Code:
+ @import url('!!../../helpers/string-loader.js?esModule=false!')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(17:1) from "postcss-import-parser" plugin: Unable to find uri in "@import ''"
-(17:1) Unable to find uri in \\"@import ''\\"",
+Code:
+ @import ''
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(18:1) from "postcss-import-parser" plugin: Unable to find uri in "@import """
-(18:1) Unable to find uri in \\"@import \\"\\"\\"",
+Code:
+ @import ""
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(19:1) from "postcss-import-parser" plugin: Unable to find uri in "@import " ""
-(19:1) Unable to find uri in \\"@import \\" \\"\\"",
+Code:
+ @import " "
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(20:1) from "postcss-import-parser" plugin: Unable to find uri in "@import "
+""
-(20:1) Unable to find uri in \\"@import \\"
-\\"\\"",
+Code:
+ @import "
+"
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(22:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url()"
-(22:1) Unable to find uri in \\"@import url()\\"",
+Code:
+ @import url()
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(23:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('')"
-(23:1) Unable to find uri in \\"@import url('')\\"",
+Code:
+ @import url('')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(24:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url("")"
-(24:1) Unable to find uri in \\"@import url(\\"\\")\\"",
+Code:
+ @import url("")
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(40:1) from "postcss-import-parser" plugin: Unable to find uri in "@import "
-(40:1) Unable to find uri in \\"@import \\"",
+Code:
+ @import
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(41:1) from "postcss-import-parser" plugin: Unable to find uri in "@import foo-bar"
-(41:1) Unable to find uri in \\"@import foo-bar\\"",
+Code:
+ @import foo-bar
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(43:1) from "postcss-import-parser" plugin: It looks like you didn't end your @import statement correctly. Child nodes are attached to it.
-(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.",
+Code:
+ @import url('http://') :root {}
+",
]
`;
-exports[`"import" option should work with a value equal to "false": errors 1`] = `Array []`;
+exports[`"import" option should work with 'false' aliases: errors 1`] = `[]`;
-exports[`"import" option should work with a value equal to "false": module 1`] = `
+exports[`"import" option should work with 'false' aliases: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// 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(\\\\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\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`@import "/style.css";
+
+.class {
+ color: red;
+}\`, ""]);
// 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);
-@import url(test.css );
-@import url( test.css);
-@import url( test.css );
-@import url(
+exports[`"import" option should work with 'false' aliases: result 1`] = `
+[
+ [
+ "./import/false-alias.css",
+ "@import "/style.css";
+
+.class {
+ color: red;
+}",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work with 'false' aliases: warnings 1`] = `[]`;
+
+exports[`"import" option should work with 'resolve.byDependency.css.extensions': errors 1`] = `[]`;
+
+exports[`"import" option should work with 'resolve.byDependency.css.extensions': module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./extensions-imported.mycss";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`a {
+ color: red;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with 'resolve.byDependency.css.extensions': result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/extensions-imported.mycss",
+ "div {
+ color: red;
+}
+",
+ "",
+ ],
+ [
+ "./import/extensions.css",
+ "a {
+ color: red;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work with 'resolve.byDependency.css.extensions': warnings 1`] = `[]`;
+
+exports[`"import" option should work with 'resolve.extensions': errors 1`] = `[]`;
+
+exports[`"import" option should work with 'resolve.extensions': module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./extensions-imported.mycss";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`a {
+ color: red;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with 'resolve.extensions': result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./import/extensions-imported.mycss",
+ "div {
+ color: red;
+}
+",
+ "",
+ ],
+ [
+ "./import/extensions.css",
+ "a {
+ color: red;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work with 'resolve.extensions': warnings 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to ""1"" ("postcss-loader" before): errors 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to ""1"" ("postcss-loader" before): module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./imported.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./other-imported.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to ""1"" ("postcss-loader" before): result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./nested-import/imported.css",
+ ".bar {
+ color: blue;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./nested-import/other-imported.css",
+ ".baz {
+ color: green;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "./nested-import/source.css",
+ ".foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to ""1"" ("postcss-loader" before): warnings 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "0" (\`postcss-loader\` before): errors 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "0" (\`postcss-loader\` before): module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./other-imported.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "0" (\`postcss-loader\` before): result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./nested-import/imported.css",
+ ".bar {
+ color: blue;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./nested-import/other-imported.css",
+ ".baz {
+ color: green;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "./nested-import/source.css",
+ ".foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "0" (\`postcss-loader\` before): warnings 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "1" ("postcss-loader" before): errors 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "1" ("postcss-loader" before): module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./imported.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./other-imported.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "1" ("postcss-loader" before): result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./nested-import/imported.css",
+ ".bar {
+ color: blue;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./nested-import/other-imported.css",
+ ".baz {
+ color: green;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "./nested-import/source.css",
+ ".foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "1" ("postcss-loader" before): warnings 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "1" (no loaders before): errors 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "1" (no loaders before): module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./other-imported.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "1" (no loaders before): result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./nested-import/imported.css",
+ ".bar {
+ color: blue;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./nested-import/other-imported.css",
+ ".baz {
+ color: green;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "./nested-import/source.css",
+ ".foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "1" (no loaders before): warnings 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "2" ("postcss-loader" before): errors 1`] = `[]`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "2" ("postcss-loader" before): module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./imported.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./other-imported.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "2" ("postcss-loader" before): result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./nested-import/imported.css",
+ ".bar {
+ color: blue;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./nested-import/other-imported.css",
+ ".baz {
+ color: green;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+ [
+ "./nested-import/source.css",
+ ".foo {
+ color: red;
+ color: rgb(0 0 100% / 90%);
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"import" option should work with a "import.loaders" value equal to "2" ("postcss-loader" before): warnings 1`] = `[]`;
+
+exports[`"import" option should work with a value equal to "false": errors 1`] = `[]`;
+
+exports[`"import" option should work with a value equal to "false": module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./img.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+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);
+@import url('test.css');
+@import url("test.css");
+@IMPORT url(test.css);
+@import URL(test.css);
+@import url(test.css );
+@import url( test.css);
+@import url( test.css );
+@import url(
test.css
);
@import url();
@import url('');
-@import url(\\"\\");
-@import \\"test.css\\";
+@import url("");
+@import "test.css";
@import 'test.css';
@import '';
-@import \\"\\";
-@import \\" \\";
-@import \\"
-\\";
+@import "";
+@import " ";
+@import "
+";
@import url();
@import url('');
-@import url(\\"\\");
+@import url("");
@import url(test.css) screen and (orientation:landscape);
@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);
@import url(test.css)screen and (orientation:landscape);
@@ -1806,7 +2566,7 @@ Array [
@import url(http://example.com/style.css?foo=bar#hash);
@import url(http://example.com/other-style.css) screen and (orientation:landscape);
@import url(http://example.com/other-style.css) screen and (orientation:landscape);
-@import url(\\"//example.com/style.css\\");
+@import url("//example.com/style.css");
@import url(~package/test.css);
@import ;
@import foo-bar;
@@ -1834,7 +2594,7 @@ Array [
@import url('./url.css');
.background {
- background: url(/webpack/public/path/img.png);
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
@import url(./test.css);
@@ -1852,8 +2612,8 @@ st.css');
\\\\
st.css');
-@import \\"./te'st.css\\";
-@import url(\\"./te'st.css\\");
+@import "./te'st.css";
+@import url("./te'st.css");
@import './te\\\\'st.css';
@import url('./te\\\\'st.css');
@import './test test.css';
@@ -1869,8 +2629,8 @@ st.css');
@import url(./test\\\\ test.css);
@import url(./t\\\\65st%20test.css);
@import url('./t\\\\65st%20test.css');
-@import url(\\"./t\\\\65st%20test.css\\");
-@import \\"./t\\\\65st%20test.css\\";
+@import url("./t\\\\65st%20test.css");
+@import "./t\\\\65st%20test.css";
@import './t\\\\65st%20test.css';
@import url( test.css );
@import nourl(test.css);
@@ -1882,8 +2642,8 @@ st.css');
@import url(test.css?foo=bar);
@import url(test.css?foo=bar#hash);
@import url(test.css?#hash);
-@import \\"test.css\\" supports(display: flex);
-@import \\"test.css\\" supports(display: flex) screen and (orientation:landscape);
+@import "test.css" supports(display: flex);
+@import "test.css" supports(display: flex) screen and (orientation:landscape);
/* Should be one import and two css modules */
@@ -1914,105 +2674,389 @@ st.css');
@import url('something.css?foo=1&bar=2');
@import url('something.css?foo=2&bar=1');
-",
- "",
- ],
-]
-`;
-exports[`"import" option should work with a value equal to "false": warnings 1`] = `Array []`;
-
-exports[`"import" option should work with a value equal to "true": errors 1`] = `Array []`;
+@import " ./test.css ";
+@import url(' ./test.css ');
+@import url( ./test.css );
+
+@import "./my.scss";
+
+@import url(' https://fonts.googleapis.com/css?family=Roboto ');
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+@import url(' !!../../helpers/string-loader.js?esModule=false!~package/tilde.css ');
+@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);
+
+/* Prefer relative */
+@import url(package/first.css);
+@import url(package/second.css);
+
+@import url("./test.css") supports();
+@import url("./test.css") supports(unknown);
+@import url("./test.css") supports(display: flex);
+@import url("./test.css") supports(display: flex !important);
+@import url("./test.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer;
+@import url("./test.css") layer(default);
+@import url("./test.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer() supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer();
+@import url("http://example.com/style.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css")layer(default)supports(display: flex)screen and (min-width:400px);
+@import url("./test.css")screen and (min-width: 400px);
+@import url("./test.css") layer( default ) supports( display : flex ) screen and ( min-width : 400px );
+@import url("./test.css") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
+@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 */);
+@import url(test.css) /* Comment */;
+@import /* Comment */ url(test.css) /* Comment */;
+@import url(test.css) /* Comment */ print and (orientation:landscape);
+@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);
+
+@import url("./import-with-media.css") screen and (min-width: 400px);
+@import url("./deep-import-with-media.css") (prefers-color-scheme: dark);
+@import url("./import-with-supports.css") supports(display: flex);
+@import url("./import-with-supports.css") supports(((display: flex)));
+@import url("./deep-import-with-supports.css") supports(display: flex);
+@import url('./test.css') supports(display: grid);
+@import url("./import-with-supports-and-media.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./import-deep-with-supports-and-media.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer(framework);
+@import url("./import-with-layer.css") layer(framework);
+@import url("./deep-import-with-layer.css") layer(framework);
+@import url("./import-multiple-with-layer.css") layer(default);
+@import url("./import-with-layer-unnamed.css") layer(default);
+@import url("./import-unnamed-layer.css") layer(base);
+@import url("./import-multiple-unnamed-layer.css") layer(base);
+@import url("./import-with-layer-and-supports.css") layer(default) supports(display: flex);
+@import url("./import-with-layer-and-supports-and-media.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+@import url("./deep-layer.css");
+
+@import url("./test.css") unknown(default) unknown(display: flex) unknown;
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-exports[`"import" option should work with a value equal to "true": module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./test-media.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./test-other.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_3___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/test.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_4___ from \\"-!../../../src/index.js??[ident]!./query.css?foo=1&bar=1\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_5___ from \\"-!../../../src/index.js??[ident]!./other-query.css?foo=1&bar=1#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_6___ from \\"-!../../../src/index.js??[ident]!./relative.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_7___ from \\"-!../../../src/index.js??[ident]!./top-relative.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_8___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_9___ from \\"-!../../../src/index.js??[ident]!./alias.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_10___ from \\"-!../../../src/index.js??[ident]!./url.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_11___ from \\"-!../../../src/index.js??[ident]!./te'st.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_12___ from \\"-!../../../src/index.js??[ident]!./test test.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_13___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_14___ from \\"-!../../../src/index.js??[ident]!./test.css?foo=bar\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_15___ from \\"-!../../../src/index.js??[ident]!./test.css?foo=bar#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_16___ from \\"-!../../../src/index.js??[ident]!./test.css?#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_17___ from \\"-!../../../src/index.js??[ident]!./something.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_18___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_19___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#hash\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_20___ from \\"-!../../../src/index.js??[ident]!./something.css?bar=foo\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_21___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#one\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_22___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#two\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_23___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=1&bar=2\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_24___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=2&bar=1\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___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___);
-___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___);
-___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___);
-___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___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation: landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___, \\"(min-width: 100px)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(//example.com/style.css);\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___, \\"screen and (orientation:landscape)\\");
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]);
-___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_8___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_10___);
-___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___);
-___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_11___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
-___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___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+exports[`"import" option should work with a value equal to "false": result 1`] = `
+"@import url(test.css);
+@import url('test.css');
+@import url("test.css");
+@IMPORT url(test.css);
+@import URL(test.css);
+@import url(test.css );
+@import url( test.css);
+@import url( test.css );
+@import url(
+ test.css
+);
+@import url();
+@import url('');
+@import url("");
+@import "test.css";
+@import 'test.css';
+@import '';
+@import "";
+@import " ";
+@import "
+";
+@import url();
+@import url('');
+@import url("");
+@import url(test.css) screen and (orientation:landscape);
+@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);
+@import url(test.css)screen and (orientation:landscape);
+@import url(test.css) screen and (orientation:landscape);
+@import url(test-media.css) screen and (orientation:landscape);
+@import url(test-other.css) (min-width: 100px);
+@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);
+@import url(http://example.com/other-style.css) screen and (orientation:landscape);
+@import url(http://example.com/other-style.css) screen and (orientation:landscape);
+@import url("//example.com/style.css");
+@import url(~package/test.css);
+@import ;
+@import foo-bar;
+@import-normalize;
+@import url('http://') :root {}
+@import url('query.css?foo=1&bar=1');
+@import url('other-query.css?foo=1&bar=1#hash');
+@import url('other-query.css?foo=1&bar=1#hash') screen and (orientation:landscape);
+@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');
+
+.class {
+ a: b c d;
+}
+
+.foo {
+ @import 'path.css';
+}
+
+@import url('./relative.css');
+@import url('../import/top-relative.css');
+@import url(~package/tilde.css);
+@import url(~aliasesImport/alias.css);
+@import url('./url.css');
+
+.background {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+@import url(./test.css);
+
+@import './te\\
+st.css';
+@import './te\\
+\\
+\\
+st.css';
+@import url('./te\\
+st.css');
+@import url('./te\\
+\\
+\\
+st.css');
+
+@import "./te'st.css";
+@import url("./te'st.css");
+@import './te\\'st.css';
+@import url('./te\\'st.css');
+@import './test test.css';
+@import url('./test test.css');
+@import './test\\ test.css';
+@import url('./test\\ test.css');
+@import './test%20test.css';
+@import url('./test%20test.css');
+@import './\\74\\65\\73\\74.css';
+@import url('./\\74\\65\\73\\74.css');
+@import './t\\65\\73\\74.css';
+@import url('./t\\65\\73\\74.css');
+@import url(./test\\ test.css);
+@import url(./t\\65st%20test.css);
+@import url('./t\\65st%20test.css');
+@import url("./t\\65st%20test.css");
+@import "./t\\65st%20test.css";
+@import './t\\65st%20test.css';
+@import url( test.css );
+@import nourl(test.css);
+@import '\\
+\\
+\\
+';
+@import url('!!../../helpers/string-loader.js?esModule=false!~package/tilde.css');
+@import url(test.css?foo=bar);
+@import url(test.css?foo=bar#hash);
+@import url(test.css?#hash);
+@import "test.css" supports(display: flex);
+@import "test.css" supports(display: flex) screen and (orientation:landscape);
+
+/* Should be one import and two css modules */
+
+@import url('something.css');
+@import url('something.css');
+
+/* Should be one import and two css modules */
+
+@import url('something.css?foo=bar');
+@import url('something.css?foo=bar');
+
+/* Should be one import and two css modules */
+
+@import url('something.css?foo=bar#hash');
+@import url('something.css?foo=bar#hash');
+
+/* Should be two import and two css modules */
+
+@import url('something.css?foo=bar');
+@import url('something.css?bar=foo');
+
+/* Should be two import and two css modules */
+
+@import url('something.css?foo=bar#one');
+@import url('something.css?foo=bar#two');
+
+/* Should be two import and two css modules */
+
+@import url('something.css?foo=1&bar=2');
+@import url('something.css?foo=2&bar=1');
+
+@import " ./test.css ";
+@import url(' ./test.css ');
+@import url( ./test.css );
+
+@import "./my.scss";
+
+@import url(' https://fonts.googleapis.com/css?family=Roboto ');
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+@import url(' !!../../helpers/string-loader.js?esModule=false!~package/tilde.css ');
+@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);
+
+/* Prefer relative */
+@import url(package/first.css);
+@import url(package/second.css);
+
+@import url("./test.css") supports();
+@import url("./test.css") supports(unknown);
+@import url("./test.css") supports(display: flex);
+@import url("./test.css") supports(display: flex !important);
+@import url("./test.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer;
+@import url("./test.css") layer(default);
+@import url("./test.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer() supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer();
+@import url("http://example.com/style.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css")layer(default)supports(display: flex)screen and (min-width:400px);
+@import url("./test.css")screen and (min-width: 400px);
+@import url("./test.css") layer( default ) supports( display : flex ) screen and ( min-width : 400px );
+@import url("./test.css") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
+@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 */);
+@import url(test.css) /* Comment */;
+@import /* Comment */ url(test.css) /* Comment */;
+@import url(test.css) /* Comment */ print and (orientation:landscape);
+@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);
+
+@import url("./import-with-media.css") screen and (min-width: 400px);
+@import url("./deep-import-with-media.css") (prefers-color-scheme: dark);
+@import url("./import-with-supports.css") supports(display: flex);
+@import url("./import-with-supports.css") supports(((display: flex)));
+@import url("./deep-import-with-supports.css") supports(display: flex);
+@import url('./test.css') supports(display: grid);
+@import url("./import-with-supports-and-media.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./import-deep-with-supports-and-media.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer(framework);
+@import url("./import-with-layer.css") layer(framework);
+@import url("./deep-import-with-layer.css") layer(framework);
+@import url("./import-multiple-with-layer.css") layer(default);
+@import url("./import-with-layer-unnamed.css") layer(default);
+@import url("./import-unnamed-layer.css") layer(base);
+@import url("./import-multiple-unnamed-layer.css") layer(base);
+@import url("./import-with-layer-and-supports.css") layer(default) supports(display: flex);
+@import url("./import-with-layer-and-supports-and-media.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+@import url("./deep-layer.css");
+
+@import url("./test.css") unknown(default) unknown(display: flex) unknown;
+"
+`;
+
+exports[`"import" option should work with a value equal to "false": warnings 1`] = `[]`;
+
+exports[`"import" option should work with a value equal to "true": errors 1`] = `[]`;
+
+exports[`"import" option should work with a value equal to "true": module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_2___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-other.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_3___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_4___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./query.css?foo=1&bar=1";
+import ___CSS_LOADER_AT_RULE_IMPORT_5___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./other-query.css?foo=1&bar=1#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_6___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_7___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_8___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/tilde.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_9___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_10___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./url.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_11___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./te'st.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_12___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test test.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_13___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!!!../../helpers/string-loader.js?esModule=false!./node_modules/package/tilde.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_14___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?foo=bar";
+import ___CSS_LOADER_AT_RULE_IMPORT_15___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?foo=bar#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_16___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test.css?#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_17___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_18___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar";
+import ___CSS_LOADER_AT_RULE_IMPORT_19___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_20___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?bar=foo";
+import ___CSS_LOADER_AT_RULE_IMPORT_21___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#one";
+import ___CSS_LOADER_AT_RULE_IMPORT_22___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#two";
+import ___CSS_LOADER_AT_RULE_IMPORT_23___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=1&bar=2";
+import ___CSS_LOADER_AT_RULE_IMPORT_24___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=2&bar=1";
+import ___CSS_LOADER_AT_RULE_IMPORT_25___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./my.scss";
+import ___CSS_LOADER_AT_RULE_IMPORT_26___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./package/first.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_27___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/second.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_28___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_29___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_30___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_31___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_32___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_33___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-deep-with-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_34___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_35___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_36___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-multiple-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_37___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-unnamed.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_38___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-unnamed-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_39___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-multiple-unnamed-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_40___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-and-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_41___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-and-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_42___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-layer.css";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./img.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___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___);
+___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___);
+___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___);
+___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___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation: landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___, "(min-width: 100px)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css?#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css?foo=bar#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/other-style.css);", "screen and (orientation:landscape)"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/other-style.css);", "screen and (orientation:landscape)"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(//example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Roboto);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_8___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_10___);
+___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___);
+___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_11___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___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___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
@@ -2022,8 +3066,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, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)", false, "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___);
@@ -2036,640 +3080,1196 @@ ___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_21___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_22___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_23___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___);
+___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___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_25___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Roboto);"]);
+___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___, "", false, "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "unknown");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: flex !important");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);", "screen and (min-width: 400px)", false, "display: flex"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width:400px)", false, "display: flex", "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___, "screen and ( min-width : 400px )", false, "display : flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (min-width: 400px)", false, "display: flex", "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 */ /* comment */display/* comment */:/* comment */ flex/* comment */", "/* comment */ /* 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___, "screen and (min-width: 400px)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, "(prefers-color-scheme: dark)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, "", false, "((display: flex))");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, "display: grid");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_34___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_35___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_36___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_37___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_38___, "", false, undefined, "base");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_39___, "", false, undefined, "base");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_40___, "", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_41___, "screen and (min-width: 400px)", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_42___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "unknown(default) unknown(display: flex) unknown");
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\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`@import url();
+@import url('');
+@import url("");
+@import '';
+@import "";
+@import " ";
+@import "
+";
+@import url();
+@import url('');
+@import url("");
+@import ;
+@import foo-bar;
+@import-normalize;
+@import url('http://') :root {}
+
+.class {
+ a: b c d;
+}
+
+.foo {
+ @import 'path.css';
+}
+
+.background {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+@import nourl(test.css);
+@import '\\\\
+\\\\
+\\\\
+';
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+
+/* Prefer relative */
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work with a value equal to "true": result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+".test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+@media screen and (orientation:landscape) {.test {
a: a;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+}@media screen and (orientation: landscape) {.test {
a: a;
}
-",
- "screen and (orientation: landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+}@media screen and (orientation:landscape) {.test {
a: a;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+}@media screen and (orientation:landscape) {.test {
a: a;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test-nested-media.css",
- "a {
+}@media screen and (orientation:landscape) {@media (min-width: 100px) {a {
b: b;
}
-",
- "screen and (orientation:landscape) and (min-width: 100px)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test-media.css",
- ".test {
+}}@media screen and (orientation:landscape) {.test {
c: c;
}
-",
- "screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./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?[ident]!./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?[ident]!./import/query.css?foo=1&bar=1",
- ".query {
+.query {
e: e;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
- ".other-query {
+.other-query {
f: f;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./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?[ident]!./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?[ident]!./import/top-relative.css",
- ".top-relative {
+.top-relative {
color: black;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
- ".tilde {
+.tilde {
color: yellow;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/alias.css",
- ".alias {
+.alias {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/url.css",
- ".background-imported {
- background: url(/webpack/public/path/img.png);
+.background-imported {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
+.test {
a: a;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+.strange {
+ color: red;
+}
+.strange {
+ color: red;
+}
+.strange {
color: red;
}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.space {
+ color: gray;
+}
+.test {
+ a: a;
+}
+a { color: red };.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+@supports (display: flex) {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (orientation:landscape) {.test {
+ a: a;
+}
+}}.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.my-box {
+ color: red;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+a {
+ color: red;
+}@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;
+}
+.second {
+ color: red;
+}
+.test {
+ a: a;
+}
+@supports (unknown) {.test {
+ a: a;
+}
+}@supports (display: flex) {.test {
+ a: a;
+}
+}@supports (display: flex !important) {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {.test {
+ a: a;
+}
+}}@layer {.test {
+ a: a;
+}
+}@layer default {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer {.test {
+ a: a;
+}
+}}}@layer {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@import url(http://example.com/style.css);}}@supports (display: flex) {@media screen and (min-width:400px) {@layer default {.test {
+ a: a;
+}
+}}}@media screen and (min-width: 400px) {.test {
+ a: a;
+}
+}@supports (display : flex) {@media screen and ( min-width : 400px ) {@layer default {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {.test {
+ a: a;
+}
+}}}@supports (/* comment */ /* comment */display/* comment */:/* comment */ flex/* comment */) {@media /* comment */ screen/* comment */ and/* comment */ (/* comment */min-width/* comment */: /* comment */400px/* comment */) {@layer /* comment */ /* comment */default/* comment */ {.test {
+ a: a;
+}
+}}}.test {
+ a: a;
+}
+.test {
+ a: a;
+}
+@media /* comment */ print and (orientation:landscape) {.test {
+ a: a;
+}
+}@media /* comment */ print and (orientation:landscape) {.test {
+ a: a;
+}
+}@media screen and (min-width: 400px) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}@media screen and (min-width: 400px) {
+}@media (prefers-color-scheme: dark) {@media screen and (min-width: 400px) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}@media (prefers-color-scheme: dark) {@media screen and (min-width: 400px) {
+}}@media (prefers-color-scheme: dark) {}@supports (display: flex) {@supports (display: grid) {.test {
+ a: a;
+}
+}}@supports (display: flex) {}@supports (((display: flex))) {@supports (display: grid) {.test {
+ a: a;
+}
+}}@supports (((display: flex))) {}@supports (display: flex) {@supports (display: block) {@supports (display: grid) {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@supports (display: block) {}}@supports (display: flex) {}@supports (display: grid) {.test {
+ a: a;
+}
+}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: grid) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}}@supports (display: flex) {@media screen and (min-width: 400px) {}}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: grid) {@media screen and (max-width: 1200px) {.test {
+ a: a;
+}
+}}}}}}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: flex) {@media screen and (min-width: 400px) {}}}}@supports (display: flex) {@media screen and (min-width: 400px) {}}@layer framework {.test {
+ a: a;
+}
+}@layer framework {@layer base {.test {
+ a: a;
+}
+}}@layer framework {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}@layer framework {@layer form {@layer base {.test {
+ a: a;
+}
+}}}@layer framework {@layer form {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}}@layer framework {@layer form {
+ .bar {
+ color: red;
+ }
+}
+}@layer default {@layer base {.test {
+ a: a;
+}
+}}@layer default {@layer base {.relative {
+ color: red;
+}
+}}@layer default {@layer base {
+ .foo {
+ color: red;
+ }
+}
+}@layer default {@layer {.test {
+ a: a;
+}
+}}@layer default {}@layer base {@layer {.test {
+ a: a;
+}
+}}@layer base {.foo {
+ color: red;
+}
+}@layer base {@layer {.test {
+ a: a;
+}
+}}@layer base {@layer {.relative {
+ color: red;
+}
+}}@layer base {.foo {
+ color: red;
+}
+}@supports (display: flex) {@layer default {@layer base {.test {
+ a: a;
+}
+}}}@supports (display: flex) {@layer default {}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {@supports (display: grid) {@media screen and (min-width: 900px) {@layer base {.test {
+ a: a;
+}
+}}}}}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {}}}@layer bootstrap {@layer base {@layer {.relative {
+ color: red;
+}
+}}}@layer bootstrap {@layer base {@layer {.test {
+ a: a;
+}
+}}}@layer bootstrap {@layer base {/* unnamed wrapper layers around each sub-file */
+}}@layer bootstrap {/* the internal names are hidden from access, subsumed in "base" */}/* Adds additional styles to the bootstrap layer: */
+@layer bootstrap {
+ .test {
+ color: red;
+ }
+}@media unknown(default) unknown(display: flex) unknown {.test {
+ a: a;
+}
+}@import url();
+@import url('');
+@import url("");
+@import '';
+@import "";
+@import " ";
+@import "
+";
+@import url();
+@import url('');
+@import url("");
+@import ;
+@import foo-bar;
+@import-normalize;
+@import url('http://') :root {}
+
+.class {
+ a: b c d;
+}
+
+.foo {
+ @import 'path.css';
+}
+
+.background {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+@import nourl(test.css);
+@import '\\
+\\
+\\
+';
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+
+/* Prefer relative */
+"
+`;
+
+exports[`"import" option should work with a value equal to "true": warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(105:1) from "postcss-import-parser" plugin: Unable to find uri in "@import nourl(test.css)"
+
+Code:
+ @import nourl(test.css)
",
- "",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(106:1) from "postcss-import-parser" plugin: Unable to find uri in "@import '\\
+\\
+\\
+'"
+
+Code:
+ @import '\\
+\\
+\\
+'
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(12:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url()"
+
+Code:
+ @import url()
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(13:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('')"
+
+Code:
+ @import url('')
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(14:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url("")"
+
+Code:
+ @import url("")
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(154:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('!!../../helpers/string-loader.js?esModule=false!')"
+
+Code:
+ @import url('!!../../helpers/string-loader.js?esModule=false!')
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(17:1) from "postcss-import-parser" plugin: Unable to find uri in "@import ''"
+
+Code:
+ @import ''
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(18:1) from "postcss-import-parser" plugin: Unable to find uri in "@import """
+
+Code:
+ @import ""
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(19:1) from "postcss-import-parser" plugin: Unable to find uri in "@import " ""
+
+Code:
+ @import " "
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(20:1) from "postcss-import-parser" plugin: Unable to find uri in "@import "
+""
+
+Code:
+ @import "
+"
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(22:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url()"
+
+Code:
+ @import url()
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(23:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('')"
+
+Code:
+ @import url('')
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(24:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url("")"
+
+Code:
+ @import url("")
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(40:1) from "postcss-import-parser" plugin: Unable to find uri in "@import "
+
+Code:
+ @import
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(41:1) from "postcss-import-parser" plugin: Unable to find uri in "@import foo-bar"
+
+Code:
+ @import foo-bar
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(43:1) from "postcss-import-parser" plugin: It looks like you didn't end your @import statement correctly. Child nodes are attached to it.
+
+Code:
+ @import url('http://') :root {}
+",
+]
+`;
+
+exports[`"import" option should work with absolute URLs: errors 1`] = `[]`;
+
+exports[`"import" option should work with absolute URLs: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("https://raw.githubusercontent.com/webpack-contrib/css-loader/master/test/fixtures/url/img.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://raw.githubusercontent.com/webpack-contrib/css-loader/master/test/fixtures/url/imported.css);"]);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`a {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with absolute URLs: result 1`] = `
+[
+ [
+ "./import/absolute-url.css",
+ "@import url(https://raw.githubusercontent.com/webpack-contrib/css-loader/master/test/fixtures/url/imported.css);",
],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
- color: red;
+ [
+ "./import/absolute-url.css",
+ "a {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./import/te'st.css",
- ".strange {
+]
+`;
+
+exports[`"import" option should work with absolute URLs: warnings 1`] = `[]`;
+
+exports[`"import" option should work with circular \`@import\`: errors 1`] = `[]`;
+
+exports[`"import" option should work with circular \`@import\`: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`/*
+ // TODO fixed nested circular \\\`@import\\\`
+ @import url(circular-nested.css);
+*/
+
+a {
+ color: red;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with circular \`@import\`: result 1`] = `
+".relative {
color: red;
}
-",
- "",
+/*
+ // TODO fixed nested circular \`@import\`
+ @import url(circular-nested.css);
+*/
+
+a {
+ color: red;
+}
+"
+`;
+
+exports[`"import" option should work with circular \`@import\`: warnings 1`] = `[]`;
+
+exports[`"import" option should work with data URI: errors 1`] = `[]`;
+
+exports[`"import" option should work with data URI: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(data:text/css;charset=utf-8;base64,YSB7DQogIGNvbG9yOiByZWQ7DQp9);"]);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`a {
+ display: block;
+ width: 100px;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with data URI: result 1`] = `
+[
+ [
+ "./import/data-uri.css",
+ "@import url(data:text/css;charset=utf-8;base64,YSB7DQogIGNvbG9yOiByZWQ7DQp9);",
],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+ [
+ "./import/data-uri.css",
+ "a {
+ display: block;
+ width: 100px;
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+]
+`;
+
+exports[`"import" option should work with data URI: warnings 1`] = `[]`;
+
+exports[`"import" option should work with import.filter: errors 1`] = `[]`;
+
+exports[`"import" option should work with import.filter: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-other.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_2___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./query.css?foo=1&bar=1";
+import ___CSS_LOADER_AT_RULE_IMPORT_3___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./other-query.css?foo=1&bar=1#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_4___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_5___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_6___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/tilde.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_7___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_8___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./url.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_9___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./te'st.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_10___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!!!../../helpers/string-loader.js?esModule=false!./node_modules/package/tilde.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_11___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_12___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar";
+import ___CSS_LOADER_AT_RULE_IMPORT_13___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#hash";
+import ___CSS_LOADER_AT_RULE_IMPORT_14___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?bar=foo";
+import ___CSS_LOADER_AT_RULE_IMPORT_15___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#one";
+import ___CSS_LOADER_AT_RULE_IMPORT_16___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=bar#two";
+import ___CSS_LOADER_AT_RULE_IMPORT_17___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=1&bar=2";
+import ___CSS_LOADER_AT_RULE_IMPORT_18___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css?foo=2&bar=1";
+import ___CSS_LOADER_AT_RULE_IMPORT_19___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./my.scss";
+import ___CSS_LOADER_AT_RULE_IMPORT_20___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./package/first.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_21___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/second.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_22___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_23___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_24___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_25___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_26___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_27___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-deep-with-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_28___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_29___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-import-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_30___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-multiple-with-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_31___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-unnamed.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_32___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-unnamed-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_33___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-multiple-unnamed-layer.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_34___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-and-supports.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_35___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./import-with-layer-and-supports-and-media.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_36___ from "-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./deep-layer.css";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./img.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, "(min-width: 100px)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css?#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/style.css?foo=bar#hash);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/other-style.css);", "screen and (orientation:landscape)"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(http://example.com/other-style.css);", "screen and (orientation:landscape)"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(//example.com/style.css);"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___, "screen and (orientation:landscape)");
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Roboto);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_8___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_10___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
+___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_17___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_19___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css?family=Roboto);"]);
+___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);", "screen and (min-width: 400px)", false, "display: flex"]);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_22___, "screen and (min-width: 400px)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_23___, "(prefers-color-scheme: dark)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___, "", false, "((display: flex))");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_25___, "", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_26___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_27___, "screen and (min-width: 400px)", false, "display: flex");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_28___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_29___, "", false, undefined, "framework");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_30___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_31___, "", false, undefined, "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_32___, "", false, undefined, "base");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_33___, "", false, undefined, "base");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_34___, "", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_35___, "screen and (min-width: 400px)", false, "display: flex", "default");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_36___);
+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);
+@import url('test.css');
+@import url("test.css");
+@IMPORT url(test.css);
+@import URL(test.css);
+@import url(test.css );
+@import url( test.css);
+@import url( test.css );
+@import url(
+ test.css
+);
+@import url();
+@import url('');
+@import url("");
+@import "test.css";
+@import 'test.css';
+@import '';
+@import "";
+@import " ";
+@import "
+";
+@import url();
+@import url('');
+@import url("");
+@import url(test.css) screen and (orientation:landscape);
+@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);
+@import url(test.css)screen and (orientation:landscape);
+@import url(test.css) screen and (orientation:landscape);
+@import url(~package/test.css);
+@import ;
+@import foo-bar;
+@import-normalize;
+@import url('http://') :root {}
+
+.class {
+ a: b c d;
+}
+
+.foo {
+ @import 'path.css';
+}
+
+.background {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+@import url(./test.css);
+
+@import './te\\\\
+st.css';
+@import './te\\\\
+\\\\
+\\\\
+st.css';
+@import url('./te\\\\
+st.css');
+@import url('./te\\\\
+\\\\
+\\\\
+st.css');
+@import './test test.css';
+@import url('./test test.css');
+@import './test\\\\ test.css';
+@import url('./test\\\\ test.css');
+@import './test%20test.css';
+@import url('./test%20test.css');
+@import './\\\\74\\\\65\\\\73\\\\74.css';
+@import url('./\\\\74\\\\65\\\\73\\\\74.css');
+@import './t\\\\65\\\\73\\\\74.css';
+@import url('./t\\\\65\\\\73\\\\74.css');
+@import url(./test\\\\ test.css);
+@import url(./t\\\\65st%20test.css);
+@import url('./t\\\\65st%20test.css');
+@import url("./t\\\\65st%20test.css");
+@import "./t\\\\65st%20test.css";
+@import './t\\\\65st%20test.css';
+@import url( test.css );
+@import nourl(test.css);
+@import '\\\\
+\\\\
+\\\\
+';
+@import url(test.css?foo=bar);
+@import url(test.css?foo=bar#hash);
+@import url(test.css?#hash);
+@import "test.css" supports(display: flex);
+@import "test.css" supports(display: flex) screen and (orientation:landscape);
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be one import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+
+/* Should be two import and two css modules */
+
+@import " ./test.css ";
+@import url(' ./test.css ');
+@import url( ./test.css );
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+
+/* Prefer relative */
+
+@import url("./test.css") supports();
+@import url("./test.css") supports(unknown);
+@import url("./test.css") supports(display: flex);
+@import url("./test.css") supports(display: flex !important);
+@import url("./test.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer;
+@import url("./test.css") layer(default);
+@import url("./test.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer() supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer();
+@import url("./test.css")layer(default)supports(display: flex)screen and (min-width:400px);
+@import url("./test.css")screen and (min-width: 400px);
+@import url("./test.css") layer( default ) supports( display : flex ) screen and ( min-width : 400px );
+@import url("./test.css") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
+@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 */);
+@import url(test.css) /* Comment */;
+@import /* Comment */ url(test.css) /* Comment */;
+@import url(test.css) /* Comment */ print and (orientation:landscape);
+@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);
+@import url('./test.css') supports(display: grid);
+@import url("./test.css") layer(framework);
+
+@import url("./test.css") unknown(default) unknown(display: flex) unknown;
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"import" option should work with import.filter: result 1`] = `
+"@media screen and (orientation:landscape) {@media (min-width: 100px) {a {
+ b: b;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+}}@media screen and (orientation:landscape) {.test {
+ c: c;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+}@media (min-width: 100px) {.test {
+ d: d;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+}@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?[ident]!./import/test test.css",
- ".space {
- color: gray;
+.other-query {
+ f: f;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
- a: a;
+@media screen and (orientation:landscape) {.other-query {
+ f: f;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
- a: a;
+}@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?[ident]!./import/test.css",
- ".test {
- a: a;
+.top-relative {
+ color: black;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
- a: a;
+.tilde {
+ color: yellow;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+.alias {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+.background-imported {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+.strange {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+.strange {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+.strange {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test test.css",
- ".space {
- color: gray;
+.strange {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
- a: a;
+a { color: red };.my-box {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
- "a { color: red };",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css?foo=bar",
- ".test {
- a: a;
+.my-box {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css?foo=bar#hash",
- ".test {
- a: a;
+.my-box {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css?#hash",
- ".test {
- a: a;
+.my-box {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
- a: a;
+.my-box {
+ color: red;
}
-",
- "supports(display: flex)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/test.css",
- ".test {
- a: a;
+.my-box {
+ color: red;
}
-",
- "supports(display: flex) screen and (orientation:landscape)",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
- ".my-box {
+.my-box {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar",
- ".my-box {
+a {
color: red;
+}@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?[ident]!./import/something.css?bar=foo",
- ".my-box {
+.second {
+ color: red;
+}
+@supports (display: flex) {@media screen and (min-width: 400px) {@import url(http://example.com/style.css);}}@media screen and (min-width: 400px) {@import url('./test.css') screen and (max-width: 1200px);
+}@media (prefers-color-scheme: dark) {@media screen and (min-width: 400px) {@import url('./test.css') screen and (max-width: 1200px);
+}}@media (prefers-color-scheme: dark) {}@supports (display: flex) {@import url('./test.css') supports(display: grid);}@supports (((display: flex))) {@import url('./test.css') supports(display: grid);}@supports (display: flex) {@supports (display: block) {@import url('./test.css') supports(display: grid);}}@supports (display: flex) {}@supports (display: flex) {@media screen and (min-width: 400px) {@import url('./test.css') supports(display: grid) screen and (max-width: 1200px);}}@supports (display: flex) {@media screen and (min-width: 400px) {@supports (display: flex) {@media screen and (min-width: 400px) {@import url('./test.css') supports(display: grid) screen and (max-width: 1200px);}}}}@supports (display: flex) {@media screen and (min-width: 400px) {}}@layer framework {@import url('./test.css') layer(base);
+
+@layer base {
+ .foo {
+ color: red;
+ }
+}
+}@layer framework {@layer form {@import url('./test.css') layer(base);
+
+@layer base {
+ .foo {
+ color: red;
+ }
+}
+}}@layer framework {@layer form {
+ .bar {
+ color: red;
+ }
+}
+}@layer default {@layer base {.relative {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#one",
- ".my-box {
+}}@layer default {@import url('./test.css') layer(base);
+
+@layer base {
+ .foo {
+ color: red;
+ }
+}
+}@layer default {@import url('./test.css') layer;}@layer base {@import url("./test.css") layer;
+
+.foo {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=bar#two",
- ".my-box {
+}@layer base {@layer {.relative {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=1&bar=2",
- ".my-box {
+}}@layer base {@import url("./test.css") layer;
+
+.foo {
color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./import/something.css?foo=2&bar=1",
- ".my-box {
+}@supports (display: flex) {@layer default {@import url('./test.css') layer(base);}}@supports (display: flex) {@media screen and (min-width: 400px) {@layer default {@import url("./test.css") layer(base) supports(display: grid) screen and (min-width: 900px);}}}@layer bootstrap {@layer base {@layer {.relative {
color: red;
}
-",
- "",
- ],
- Array [
- "./import/import.css",
- "@import url();
+}}}@layer bootstrap {@layer base {/* unnamed wrapper layers around each sub-file */
+@import url("./test.css") layer;
+}}@layer bootstrap {/* the internal names are hidden from access, subsumed in "base" */}/* Adds additional styles to the bootstrap layer: */
+@layer bootstrap {
+ .test {
+ color: red;
+ }
+}@import url(test.css);
+@import url('test.css');
+@import url("test.css");
+@IMPORT url(test.css);
+@import URL(test.css);
+@import url(test.css );
+@import url( test.css);
+@import url( test.css );
+@import url(
+ test.css
+);
+@import url();
@import url('');
-@import url(\\"\\");
+@import url("");
+@import "test.css";
+@import 'test.css';
@import '';
-@import \\"\\";
-@import \\" \\";
-@import \\"
-\\";
+@import "";
+@import " ";
+@import "
+";
@import url();
@import url('');
-@import url(\\"\\");
+@import url("");
+@import url(test.css) screen and (orientation:landscape);
+@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);
+@import url(test.css)screen and (orientation:landscape);
+@import url(test.css) screen and (orientation:landscape);
+@import url(~package/test.css);
@import ;
@import foo-bar;
@import-normalize;
@@ -2684,13 +4284,50 @@ Array [
}
.background {
- background: url(/webpack/public/path/img.png);
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
+
+@import url(./test.css);
+
+@import './te\\
+st.css';
+@import './te\\
+\\
+\\
+st.css';
+@import url('./te\\
+st.css');
+@import url('./te\\
+\\
+\\
+st.css');
+@import './test test.css';
+@import url('./test test.css');
+@import './test\\ test.css';
+@import url('./test\\ test.css');
+@import './test%20test.css';
+@import url('./test%20test.css');
+@import './\\74\\65\\73\\74.css';
+@import url('./\\74\\65\\73\\74.css');
+@import './t\\65\\73\\74.css';
+@import url('./t\\65\\73\\74.css');
+@import url(./test\\ test.css);
+@import url(./t\\65st%20test.css);
+@import url('./t\\65st%20test.css');
+@import url("./t\\65st%20test.css");
+@import "./t\\65st%20test.css";
+@import './t\\65st%20test.css';
+@import url( test.css );
@import nourl(test.css);
-@import '\\\\
-\\\\
-\\\\
+@import '\\
+\\
+\\
';
+@import url(test.css?foo=bar);
+@import url(test.css?foo=bar#hash);
+@import url(test.css?#hash);
+@import "test.css" supports(display: flex);
+@import "test.css" supports(display: flex) screen and (orientation:landscape);
/* Should be one import and two css modules */
@@ -2703,77 +4340,146 @@ Array [
/* Should be two import and two css modules */
/* Should be two import and two css modules */
-",
- "",
- ],
-]
+
+@import " ./test.css ";
+@import url(' ./test.css ');
+@import url( ./test.css );
+@import url('!!../../helpers/string-loader.js?esModule=false!');
+
+/* Prefer relative */
+
+@import url("./test.css") supports();
+@import url("./test.css") supports(unknown);
+@import url("./test.css") supports(display: flex);
+@import url("./test.css") supports(display: flex !important);
+@import url("./test.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer;
+@import url("./test.css") layer(default);
+@import url("./test.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer() supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer();
+@import url("./test.css")layer(default)supports(display: flex)screen and (min-width:400px);
+@import url("./test.css")screen and (min-width: 400px);
+@import url("./test.css") layer( default ) supports( display : flex ) screen and ( min-width : 400px );
+@import url("./test.css") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
+@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 */);
+@import url(test.css) /* Comment */;
+@import /* Comment */ url(test.css) /* Comment */;
+@import url(test.css) /* Comment */ print and (orientation:landscape);
+@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);
+@import url('./test.css') supports(display: grid);
+@import url("./test.css") layer(framework);
+
+@import url("./test.css") unknown(default) unknown(display: flex) unknown;
+"
`;
-exports[`"import" option should work with a value equal to "true": warnings 1`] = `
-Array [
+exports[`"import" option should work with import.filter: warnings 1`] = `
+[
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(105:1) from "postcss-import-parser" plugin: Unable to find uri in "@import nourl(test.css)"
-(105:1) Unable to find uri in \\"@import nourl(test.css)\\"",
+Code:
+ @import nourl(test.css)
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(106:1) from "postcss-import-parser" plugin: Unable to find uri in "@import '\\
+\\
+\\
+'"
-(106:1) Unable to find uri in \\"@import '\\\\
-\\\\
-\\\\
-'\\"",
+Code:
+ @import '\\
+\\
+\\
+'
+",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+(12:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url()"
+
+Code:
+ @import url()
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(13:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('')"
-(12:1) Unable to find uri in \\"@import url()\\"",
+Code:
+ @import url('')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(14:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url("")"
-(13:1) Unable to find uri in \\"@import url('')\\"",
+Code:
+ @import url("")
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(154:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('!!../../helpers/string-loader.js?esModule=false!')"
-(14:1) Unable to find uri in \\"@import url(\\"\\")\\"",
+Code:
+ @import url('!!../../helpers/string-loader.js?esModule=false!')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(17:1) from "postcss-import-parser" plugin: Unable to find uri in "@import ''"
-(17:1) Unable to find uri in \\"@import ''\\"",
+Code:
+ @import ''
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(18:1) from "postcss-import-parser" plugin: Unable to find uri in "@import """
-(18:1) Unable to find uri in \\"@import \\"\\"\\"",
+Code:
+ @import ""
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(19:1) from "postcss-import-parser" plugin: Unable to find uri in "@import " ""
-(19:1) Unable to find uri in \\"@import \\" \\"\\"",
+Code:
+ @import " "
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(20:1) from "postcss-import-parser" plugin: Unable to find uri in "@import "
+""
-(20:1) Unable to find uri in \\"@import \\"
-\\"\\"",
+Code:
+ @import "
+"
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(22:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url()"
-(22:1) Unable to find uri in \\"@import url()\\"",
+Code:
+ @import url()
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(23:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url('')"
-(23:1) Unable to find uri in \\"@import url('')\\"",
+Code:
+ @import url('')
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(24:1) from "postcss-import-parser" plugin: Unable to find uri in "@import url("")"
-(24:1) Unable to find uri in \\"@import url(\\"\\")\\"",
+Code:
+ @import url("")
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(40:1) from "postcss-import-parser" plugin: Unable to find uri in "@import "
-(40:1) Unable to find uri in \\"@import \\"",
+Code:
+ @import
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(41:1) from "postcss-import-parser" plugin: Unable to find uri in "@import foo-bar"
-(41:1) Unable to find uri in \\"@import foo-bar\\"",
+Code:
+ @import foo-bar
+",
"ModuleWarning: Module Warning (from \`replaced original path\`):
-Warning
+(43:1) from "postcss-import-parser" plugin: It looks like you didn't end your @import statement correctly. Child nodes are attached to it.
-(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.",
+Code:
+ @import url('http://') :root {}
+",
]
`;
diff --git a/test/__snapshots__/importLoaders-option.test.js.snap b/test/__snapshots__/importLoaders-option.test.js.snap
deleted file mode 100644
index c8640acb..00000000
--- a/test/__snapshots__/importLoaders-option.test.js.snap
+++ /dev/null
@@ -1,256 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"importLoaders" option should work when not specified: errors 1`] = `Array []`;
-
-exports[`"importLoaders" option should work when not specified: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js!./imported.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js!./other-imported.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"importLoaders" option should work when not specified: result 1`] = `
-Array [
- Array [
- "../../src/index.js!./nested-import/imported.css",
- ".bar {
- color: blue;
- color: rgb(0 0 100% / 90%);
-}
-",
- "",
- ],
- Array [
- "../../src/index.js!./nested-import/other-imported.css",
- ".baz {
- color: green;
- color: rgb(0 0 100% / 90%);
-}
-",
- "",
- ],
- Array [
- "./nested-import/source.css",
- ".foo {
- color: red;
- color: rgba(0, 0, 255, 0.9);
-}
-",
- "",
- ],
-]
-`;
-
-exports[`"importLoaders" option should work when not specified: warnings 1`] = `Array []`;
-
-exports[`"importLoaders" option should work with a value equal to "0" (\`postcss-loader\` before): errors 1`] = `Array []`;
-
-exports[`"importLoaders" option should work with a value equal to "0" (\`postcss-loader\` before): module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"importLoaders" option should work with a value equal to "0" (\`postcss-loader\` before): result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./nested-import/imported.css",
- ".bar {
- color: blue;
- color: rgb(0 0 100% / 90%);
-}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./nested-import/other-imported.css",
- ".baz {
- color: green;
- color: rgb(0 0 100% / 90%);
-}
-",
- "",
- ],
- Array [
- "./nested-import/source.css",
- ".foo {
- color: red;
- color: rgba(0, 0, 255, 0.9);
-}
-",
- "",
- ],
-]
-`;
-
-exports[`"importLoaders" option should work with a value equal to "0" (\`postcss-loader\` before): warnings 1`] = `Array []`;
-
-exports[`"importLoaders" option should work with a value equal to "1" ("postcss-loader" before): errors 1`] = `Array []`;
-
-exports[`"importLoaders" option should work with a value equal to "1" ("postcss-loader" before): module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"importLoaders" option should work with a value equal to "1" ("postcss-loader" before): result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./nested-import/imported.css",
- ".bar {
- color: blue;
- color: rgba(0, 0, 255, 0.9);
-}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./nested-import/other-imported.css",
- ".baz {
- color: green;
- color: rgba(0, 0, 255, 0.9);
-}
-",
- "",
- ],
- Array [
- "./nested-import/source.css",
- ".foo {
- color: red;
- color: rgba(0, 0, 255, 0.9);
-}
-",
- "",
- ],
-]
-`;
-
-exports[`"importLoaders" option should work with a value equal to "1" ("postcss-loader" before): warnings 1`] = `Array []`;
-
-exports[`"importLoaders" option should work with a value equal to "1" (no loaders before): errors 1`] = `Array []`;
-
-exports[`"importLoaders" option should work with a value equal to "1" (no loaders before): module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgb(0 0 100% / 90%);\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"importLoaders" option should work with a value equal to "1" (no loaders before): result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./nested-import/imported.css",
- ".bar {
- color: blue;
- color: rgb(0 0 100% / 90%);
-}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./nested-import/other-imported.css",
- ".baz {
- color: green;
- color: rgb(0 0 100% / 90%);
-}
-",
- "",
- ],
- Array [
- "./nested-import/source.css",
- ".foo {
- color: red;
- color: rgb(0 0 100% / 90%);
-}
-",
- "",
- ],
-]
-`;
-
-exports[`"importLoaders" option should work with a value equal to "1" (no loaders before): warnings 1`] = `Array []`;
-
-exports[`"importLoaders" option should work with a value equal to "2" ("postcss-loader" before): errors 1`] = `Array []`;
-
-exports[`"importLoaders" option should work with a value equal to "2" ("postcss-loader" before): module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"importLoaders" option should work with a value equal to "2" ("postcss-loader" before): result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./nested-import/imported.css",
- ".bar {
- color: blue;
- color: rgba(0, 0, 255, 0.9);
-}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./nested-import/other-imported.css",
- ".baz {
- color: green;
- color: rgba(0, 0, 255, 0.9);
-}
-",
- "",
- ],
- Array [
- "./nested-import/source.css",
- ".foo {
- color: red;
- color: rgba(0, 0, 255, 0.9);
-}
-",
- "",
- ],
-]
-`;
-
-exports[`"importLoaders" option should work with a value equal to "2" ("postcss-loader" before): warnings 1`] = `Array []`;
diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap
index 3236ca7d..7d01bc9a 100644
--- a/test/__snapshots__/loader.test.js.snap
+++ b/test/__snapshots__/loader.test.js.snap
@@ -1,21 +1,22 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-exports[`loader issue #1033 (2): errors 1`] = `Array []`;
+exports[`loader issue #1033 (2): errors 1`] = `[]`;
exports[`loader issue #1033 (2): module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader issue #1033 (2): result 1`] = `
-Array [
- Array [
+[
+ [
"./modules/issue-1033/issue-1033.css",
"",
"",
@@ -23,42 +24,156 @@ Array [
]
`;
-exports[`loader issue #1033 (2): warnings 1`] = `Array []`;
+exports[`loader issue #1033 (2): warnings 1`] = `[]`;
-exports[`loader issue #1033: errors 1`] = `Array []`;
+exports[`loader issue #1033: errors 1`] = `[]`;
exports[`loader issue #1033: module 1`] = `
-"var ___CSS_LOADER_EXPORT___ = {};
+"// Exports
+"
+`;
+
+exports[`loader issue #1033: result 1`] = `{}`;
+
+exports[`loader issue #1033: warnings 1`] = `[]`;
+
+exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": errors 1`] = `[]`;
+
+exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": result 1`] = `
+[
+ [
+ "./empty.css",
+ "",
+ "",
+ ],
+]
+`;
+
+exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": warnings 1`] = `[]`;
+
+exports[`loader should pass queries to other loader: errors 1`] = `[]`;
+
+exports[`loader should pass queries to other loader: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/image.svg?color=%23BAAFDB%3F", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___, { hash: "#foo" });
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.example {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`loader issue #1033: result 1`] = `Object {}`;
+exports[`loader should pass queries to other loader: result 1`] = `
+[
+ [
+ "./other-loader-query.css",
+ ".example {
+ background-image: url(replaced_file_protocol_/webpack/public/path/image.svg#foo);
+}
+",
+ "",
+ ],
+]
+`;
-exports[`loader issue #1033: warnings 1`] = `Array []`;
+exports[`loader should pass queries to other loader: warnings 1`] = `[]`;
-exports[`loader should reuse \`ast\` from "postcss-loader": errors 1`] = `Array []`;
+exports[`loader should reuse \`ast\` from "postcss-loader": errors 1`] = `[]`;
exports[`loader should reuse \`ast\` from "postcss-loader": module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img1x.png\\";
-import ___CSS_LOADER_URL_IMPORT_1___ from \\"./img2x.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./img1x.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("./img2x.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\":root {\\\\n --fontSize: 1rem;\\\\n --mainColor: rgba(18,52,86,0.47059);\\\\n --secondaryColor: rgba(102, 51, 153, 0.9);\\\\n}\\\\n\\\\nhtml {\\\\n overflow-x: hidden;\\\\n overflow-y: auto;\\\\n overflow: hidden auto;\\\\n}\\\\n\\\\n@media (max-width: 50rem) {\\\\n body {\\\\n color: rgba(18,52,86,0.47059);\\\\n color: var(--mainColor);\\\\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;\\\\n font-size: 1rem;\\\\n font-size: var(--fontSize);\\\\n line-height: calc(1rem * 1.5);\\\\n line-height: calc(var(--fontSize) * 1.5);\\\\n word-wrap: break-word;\\\\n padding-left: calc(1rem / 2 + 1px);\\\\n padding-right: calc(1rem / 2 + 1px);\\\\n padding-left: calc(var(--fontSize) / 2 + 1px);\\\\n padding-right: calc(var(--fontSize) / 2 + 1px);\\\\n }\\\\n}\\\\n\\\\nh1,h2,h3,h4,h5,h6 {\\\\n margin-top: 0;\\\\n margin-bottom: 0;\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \\");\\\\n}\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \\") 2x);\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \\") 2x);\\\\n}\\\\n\\\\na {\\\\n color: rgba(0, 0, 255, 0.9)\\\\n}\\\\n\\\\na:hover {\\\\n color: #639;\\\\n }\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`:root {
+ --fontSize: 1rem;
+ --mainColor: rgba(18,52,86,0.47059);
+ --secondaryColor: rgba(102, 51, 153, 0.9);
+}
+
+html {
+ overflow-x: hidden;
+ overflow-y: auto;
+ overflow: hidden auto;
+}
+
+@media (max-width: 50rem) {
+ body {
+ color: rgba(18,52,86,0.47059);
+ color: var(--mainColor);
+ font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+ font-size: 1rem;
+ font-size: var(--fontSize);
+ line-height: calc(1rem * 1.5);
+ line-height: calc(var(--fontSize) * 1.5);
+ word-wrap: break-word;
+ padding-left: calc(1rem / 2 + 1px);
+ padding-right: calc(1rem / 2 + 1px);
+ padding-left: calc(var(--fontSize) / 2 + 1px);
+ padding-right: calc(var(--fontSize) / 2 + 1px);
+ }
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.hero:matches(main, .main) {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+ background-image: -webkit-image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 1x, url(\${___CSS_LOADER_URL_REPLACEMENT_1___}) 2x);
+ background-image: image-set(url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 1x, url(\${___CSS_LOADER_URL_REPLACEMENT_1___}) 2x);
+}
+
+@media (min-resolution: 192dpi) {
+
+.hero:matches(main, .main) {
+ background-image: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+}
+
+a {
+ color: rgba(0, 0, 255, 0.9);
+}
+
+a:hover {
+ color: #639;
+ }
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should reuse \`ast\` from "postcss-loader": result 1`] = `
-Array [
- Array [
+[
+ [
"./postcss-present-env/source.css",
":root {
--fontSize: 1rem;
@@ -89,29 +204,26 @@ html {
}
}
-h1,h2,h3,h4,h5,h6 {
+h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
}
-main.hero, .hero.main {
- background-image: url(/webpack/public/path/img1x.png);
+.hero:matches(main, .main) {
+ background-image: url(replaced_file_protocol_/webpack/public/path/img1x.png);
+ background-image: -webkit-image-set(url(replaced_file_protocol_/webpack/public/path/img1x.png) 1x, url(replaced_file_protocol_/webpack/public/path/img2x.png) 2x);
+ background-image: image-set(url(replaced_file_protocol_/webpack/public/path/img1x.png) 1x, url(replaced_file_protocol_/webpack/public/path/img2x.png) 2x);
}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
-main.hero, .hero.main {
- background-image: url(/webpack/public/path/img2x.png);
-}
+.hero:matches(main, .main) {
+ background-image: url(replaced_file_protocol_/webpack/public/path/img2x.png);
}
-
-main.hero, .hero.main {
- background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x);
- background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x);
}
a {
- color: rgba(0, 0, 255, 0.9)
+ color: rgba(0, 0, 255, 0.9);
}
a:hover {
@@ -123,14 +235,15 @@ a:hover {
]
`;
-exports[`loader should reuse \`ast\` from "postcss-loader": warnings 1`] = `Array []`;
+exports[`loader should reuse \`ast\` from "postcss-loader": warnings 1`] = `[]`;
exports[`loader should throw an error on invisible spaces: errors 1`] = `
-Array [
+[
"ModuleBuildError: Module build failed (from \`replaced original path\`):
-CssSyntaxError
-(1:8) Unknown word
+SyntaxError
+
+(1:8) /test/fixtures/invisible-space.css Unknown word color
> 1 | a {
color: red;
}
| ^
@@ -138,14 +251,15 @@ CssSyntaxError
]
`;
-exports[`loader should throw an error on invisible spaces: warnings 1`] = `Array []`;
+exports[`loader should throw an error on invisible spaces: warnings 1`] = `[]`;
exports[`loader should throw error on invalid css syntax: errors 1`] = `
-Array [
+[
"ModuleBuildError: Module build failed (from \`replaced original path\`):
-CssSyntaxError
-(2:3) Unknown word
+SyntaxError
+
+(2:3) /test/fixtures/error.css Unknown word invalid
1 | .some {
> 2 | invalid css;
@@ -156,59 +270,29 @@ CssSyntaxError
]
`;
-exports[`loader should throw error on invalid css syntax: warnings 1`] = `Array []`;
+exports[`loader should throw error on invalid css syntax: warnings 1`] = `[]`;
-exports[`loader should throws error when no loader(s) for assets: errors 1`] = `
-Array [
- "ModuleParseError: Module parse failed: Unexpected character '�' (1:0)
-You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
-(Source code omitted for this binary file)",
-]
-`;
+exports[`loader should throws error when no loader(s) for assets: errors 1`] = `[]`;
-exports[`loader should throws error when no loader(s) for assets: warnings 1`] = `Array []`;
+exports[`loader should throws error when no loader(s) for assets: warnings 1`] = `[]`;
-exports[`loader should work with "asset" module type: errors 1`] = `Array []`;
+exports[`loader should work and nothing to do with built-in CSS support: errors 1`] = `[]`;
-exports[`loader should work with "asset" module type: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../src/index.js!./imported.css\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"./url/img.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+exports[`loader should work and nothing to do with built-in CSS support: errors 2`] = `[]`;
+
+exports[`loader should work and nothing to do with built-in CSS support: module 1`] = `
+"@charset "UTF-8";
-exports[`loader should work with "asset" module type: result 1`] = `
-Array [
- Array [
- "../../src/index.js!./imported.css",
- ".foo {
- color: red;
-}
-",
- "",
- ],
- Array [
- "./basic.css",
- "@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
- background: url(/webpack/public/path/img.png);
+ background: url("./url/img.png");
}
.class-duplicate-url {
- background: url(/webpack/public/path/img.png);
+ background: url("./url/img.png");
}
:root {
@@ -220,9 +304,9 @@ Array [
.two {}
-.u-m\\\\+ { a: b c d; }
+.u-m\\+ { a: b c d; }
-.class { content: \\"\\\\F10C\\" }
+.class { content: "\\F10C" }
@media only screen and (max-width: 600px) {
body {
@@ -231,60 +315,74 @@ Array [
}
.class {
- content: \\"\\\\2193\\";
- content: \\"\\\\2193\\\\2193\\";
- content: \\"\\\\2193 \\\\2193\\";
- content: \\"\\\\2193\\\\2193\\\\2193\\";
- content: \\"\\\\2193 \\\\2193 \\\\2193\\";
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
}
.-top {}
-.\\\\-top {}
+.\\-top {}
-#\\\\#test {}
+#\\#test {}
.grid {
display: flex;
flex-wrap: wrap;
}
-.grid.\\\\-top {
+.grid.\\-top {
align-items: flex-start;
}
.grid.-top {
align-items: flex-start;
}
-.grid.\\\\-middle {
+.grid.\\-middle {
align-items: center;
}
-.grid.\\\\-bottom {
+.grid.\\-bottom {
align-items: flex-end;
}
-.u-m\\\\00002b {}
+.u-m\\00002b {}
.u-m00002b {}
-#u-m\\\\+ {}
+#u-m\\+ {}
body {
font-family: '微软雅黑'; /* some chinese font name */
}
.myStyle {
- content: '\\\\e901';
+ content: '\\e901';
}
.myStyle {
- content: '\\\\E901';
+ content: '\\E901';
}
.♫ {}
-.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
-.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
-#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
-#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
-#© {} /* matches the element with id=\\"©\\" */
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
:root {
--title-align: center;
@@ -302,12 +400,12 @@ body {
}
.test {
- content: \\"\\\\2014\\\\A0\\";
- content: \\"\\\\2014 \\\\A0\\";
- content: \\"\\\\A0 \\\\2014\\";
- content: \\"\\\\A0\\\\2014\\";
- margin-top: 1px\\\\9;
- background-color: #000\\\\9;
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
}
.light.on .bulb:before{
@@ -326,127 +424,29 @@ a[href='' i] {
color: red;
}
-a[href=\\"\\"] {
+a[href=""] {
color: blue;
}
-a[href=\\"\\" i] {
+a[href="" i] {
color: blue;
}
-",
- "",
- ],
-]
-`;
-
-exports[`loader should work with "asset" module type: warnings 1`] = `Array []`;
-
-exports[`loader should work with "sass-loader": errors 1`] = `Array []`;
-
-exports[`loader should work with "sass-loader": module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"body {\\\\n font: 100% Helvetica, sans-serif;\\\\n color: #333;\\\\n}\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`loader should work with "sass-loader": result 1`] = `
-Array [
- Array [
- "./scss/source.scss",
- "body {
- font: 100% Helvetica, sans-serif;
- color: #333;
-}",
- "",
- ],
-]
-`;
-
-exports[`loader should work with "sass-loader": warnings 1`] = `Array []`;
-
-exports[`loader should work with ModuleConcatenationPlugin (file-loader): errors 1`] = `Array []`;
-
-exports[`loader should work with ModuleConcatenationPlugin (file-loader): warnings 1`] = `Array []`;
-
-exports[`loader should work with ModuleConcatenationPlugin (url-loader): errors 1`] = `Array []`;
-
-exports[`loader should work with ModuleConcatenationPlugin (url-loader): warnings 1`] = `Array []`;
-
-exports[`loader should work with ModuleConcatenationPlugin: errors 1`] = `Array []`;
-
-exports[`loader should work with ModuleConcatenationPlugin: warnings 1`] = `Array []`;
-
-exports[`loader should work with empty css: errors 1`] = `Array []`;
-
-exports[`loader should work with empty css: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`loader should work with empty css: result 1`] = `
-Array [
- Array [
- "./empty.css",
- "",
- "",
- ],
-]
-`;
-
-exports[`loader should work with empty css: warnings 1`] = `Array []`;
-
-exports[`loader should work with empty options: errors 1`] = `Array []`;
-
-exports[`loader should work with empty options: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../src/index.js??[ident]!./imported.css\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"./url/img.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+exports[`loader should work and nothing to do with built-in CSS support: module 2`] = `
+"@charset "UTF-8";
-exports[`loader should work with empty options: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./imported.css",
- ".foo {
- color: red;
-}
-",
- "",
- ],
- Array [
- "./basic.css",
- "@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
- background: url(/webpack/public/path/img.png);
+ background: url("./url/img.png");
}
.class-duplicate-url {
- background: url(/webpack/public/path/img.png);
+ background: url("./url/img.png");
}
:root {
@@ -458,9 +458,9 @@ Array [
.two {}
-.u-m\\\\+ { a: b c d; }
+.u-m\\+ { a: b c d; }
-.class { content: \\"\\\\F10C\\" }
+.class { content: "\\F10C" }
@media only screen and (max-width: 600px) {
body {
@@ -469,60 +469,74 @@ Array [
}
.class {
- content: \\"\\\\2193\\";
- content: \\"\\\\2193\\\\2193\\";
- content: \\"\\\\2193 \\\\2193\\";
- content: \\"\\\\2193\\\\2193\\\\2193\\";
- content: \\"\\\\2193 \\\\2193 \\\\2193\\";
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
}
.-top {}
-.\\\\-top {}
+.\\-top {}
-#\\\\#test {}
+#\\#test {}
.grid {
display: flex;
flex-wrap: wrap;
}
-.grid.\\\\-top {
+.grid.\\-top {
align-items: flex-start;
}
.grid.-top {
align-items: flex-start;
}
-.grid.\\\\-middle {
+.grid.\\-middle {
align-items: center;
}
-.grid.\\\\-bottom {
+.grid.\\-bottom {
align-items: flex-end;
}
-.u-m\\\\00002b {}
+.u-m\\00002b {}
.u-m00002b {}
-#u-m\\\\+ {}
+#u-m\\+ {}
body {
font-family: '微软雅黑'; /* some chinese font name */
}
.myStyle {
- content: '\\\\e901';
+ content: '\\e901';
}
.myStyle {
- content: '\\\\E901';
+ content: '\\E901';
}
.♫ {}
-.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
-.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
-#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
-#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
-#© {} /* matches the element with id=\\"©\\" */
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
:root {
--title-align: center;
@@ -540,12 +554,12 @@ body {
}
.test {
- content: \\"\\\\2014\\\\A0\\";
- content: \\"\\\\2014 \\\\A0\\";
- content: \\"\\\\A0 \\\\2014\\";
- content: \\"\\\\A0\\\\2014\\";
- margin-top: 1px\\\\9;
- background-color: #000\\\\9;
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
}
.light.on .bulb:before{
@@ -564,149 +578,386 @@ a[href='' i] {
color: red;
}
-a[href=\\"\\"] {
+a[href=""] {
color: blue;
}
-a[href=\\"\\" i] {
+a[href="" i] {
color: blue;
}
-",
- "",
- ],
-]
+"
`;
-exports[`loader should work with empty options: warnings 1`] = `Array []`;
-
-exports[`loader should work with none AST metadata: errors 1`] = `Array []`;
+exports[`loader should work and nothing to do with built-in CSS support: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+You can't use \`experiments.css\` (\`experiments.futureDefaults\` enable built-in CSS support by default) and \`css-loader\` together, please set \`experiments.css\` to \`false\` or set \`{ type: "javascript/auto" }\` for rules with \`css-loader\` in your webpack config (now css-loader does nothing).",
+]
+`;
-exports[`loader should work with none AST metadata: result 1`] = `
-Array [
- Array [
- "./simple.css",
- ".some-class {
- color: red;
-}
-",
- "",
- ],
+exports[`loader should work and nothing to do with built-in CSS support: warnings 2`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+You can't use \`experiments.css\` (\`experiments.futureDefaults\` enable built-in CSS support by default) and \`css-loader\` together, please set \`experiments.css\` to \`false\` or set \`{ type: "javascript/auto" }\` for rules with \`css-loader\` in your webpack config (now css-loader does nothing).",
]
`;
-exports[`loader should work with none AST metadata: warnings 1`] = `Array []`;
+exports[`loader should work in 'production' mode: errors 1`] = `[]`;
-exports[`loader should work with the "modules.auto" option and the "importLoaders" option: errors 1`] = `Array []`;
+exports[`loader should work in 'production' mode: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
-exports[`loader should work with the "modules.auto" option and the "importLoaders" option: result 1`] = `
-"/* Pure CSS */
-.imported-by-pure {
- overflow-x: hidden;
- overflow-y: auto;
- overflow: hidden auto;
-}
-.pure {
+
+/* Comment */
+
+.class {
color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
-/* PostCSS */
-.imported-by-postcss {
- overflow-x: hidden;
- overflow-y: auto;
- overflow: hidden auto;
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
-.postcss {
- color: rgba(0, 0, 255, 0.9)
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
}
-.postcss:hover {
- color: #639;
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
}
+}
-/* SCSS */
-.imported-by-scss {
- overflow-x: hidden;
- overflow-y: auto;
- overflow: hidden auto;
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
}
-.scss {
- font: 100% Helvetica, sans-serif;
- color: #333;
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
}
-/* CSS modules */
-._1IwxFskZk1cbjNkH0QoBiv {
- overflow-x: hidden;
- overflow-y: auto;
- overflow: hidden auto;
- color: red;
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
}
-.global {
- color: blue;
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
}
-/* CSS modules + SCSS */
-.imported-by-module-scss {
- overflow-x: hidden;
- overflow-y: auto;
- overflow: hidden auto;
+.myStyle {
+ content: '\\\\e901';
}
-._2on1B_I_5ZLmD6I3yY37jX {
- color: #333;
- overflow-x: hidden;
- overflow-y: auto;
- overflow: hidden auto;
+
+.myStyle {
+ content: '\\\\E901';
}
-.global {
- color: #333;
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
}
-"
-`;
-exports[`loader should work with the "modules.auto" option and the "importLoaders" option: warnings 1`] = `Array []`;
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
-exports[`loader should work: errors 1`] = `Array []`;
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
-exports[`loader should work: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../src/index.js??[ident]!./imported.css\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"./url/img.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`loader should work: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./imported.css",
- ".foo {
+exports[`loader should work in 'production' mode: result 1`] = `
+[
+ [
+ 501,
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
color: red;
}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
",
"",
],
- Array [
- "./basic.css",
- "@charset \\"UTF-8\\";
+]
+`;
+
+exports[`loader should work in 'production' mode: warnings 1`] = `[]`;
+
+exports[`loader should work with "asset" module type: errors 1`] = `[]`;
+
+exports[`loader should work with "asset" module type: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
/* Comment */
.class {
color: red;
- background: url(/webpack/public/path/img.png);
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
.class-duplicate-url {
- background: url(/webpack/public/path/img.png);
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
:root {
@@ -720,7 +971,7 @@ Array [
.u-m\\\\+ { a: b c d; }
-.class { content: \\"\\\\F10C\\" }
+.class { content: "\\\\F10C" }
@media only screen and (max-width: 600px) {
body {
@@ -729,11 +980,11 @@ Array [
}
.class {
- content: \\"\\\\2193\\";
- content: \\"\\\\2193\\\\2193\\";
- content: \\"\\\\2193 \\\\2193\\";
- content: \\"\\\\2193\\\\2193\\\\2193\\";
- content: \\"\\\\2193 \\\\2193 \\\\2193\\";
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
}
.-top {}
@@ -778,11 +1029,25 @@ body {
.♫ {}
-.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
-.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
-#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
-#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
-#© {} /* matches the element with id=\\"©\\" */
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
:root {
--title-align: center;
@@ -800,10 +1065,10 @@ body {
}
.test {
- content: \\"\\\\2014\\\\A0\\";
- content: \\"\\\\2014 \\\\A0\\";
- content: \\"\\\\A0 \\\\2014\\";
- content: \\"\\\\A0\\\\2014\\";
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
margin-top: 1px\\\\9;
background-color: #000\\\\9;
}
@@ -812,6 +1077,2424 @@ body {
content: '💡';
}
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work with "asset" module type: result 1`] = `
+[
+ [
+ "./basic.css",
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with "asset" module type: warnings 1`] = `[]`;
+
+exports[`loader should work with "sass-loader": errors 1`] = `[]`;
+
+exports[`loader should work with "sass-loader": module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`body {
+ font: 100% Helvetica, sans-serif;
+ color: #333;
+}\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work with "sass-loader": result 1`] = `
+[
+ [
+ "./scss/source.scss",
+ "body {
+ font: 100% Helvetica, sans-serif;
+ color: #333;
+}",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with "sass-loader": warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+]
+`;
+
+exports[`loader should work with \`templateLiteral\` support: errors 1`] = `[]`;
+
+exports[`loader should work with \`templateLiteral\` support: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work with \`templateLiteral\` support: result 1`] = `
+[
+ [
+ "./basic.css",
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with \`templateLiteral\` support: warnings 1`] = `[]`;
+
+exports[`loader should work with ModuleConcatenationPlugin (file-loader): errors 1`] = `[]`;
+
+exports[`loader should work with ModuleConcatenationPlugin (file-loader): warnings 1`] = `[]`;
+
+exports[`loader should work with ModuleConcatenationPlugin (url-loader): errors 1`] = `[]`;
+
+exports[`loader should work with ModuleConcatenationPlugin (url-loader): warnings 1`] = `[]`;
+
+exports[`loader should work with ModuleConcatenationPlugin: errors 1`] = `[]`;
+
+exports[`loader should work with ModuleConcatenationPlugin: warnings 1`] = `[]`;
+
+exports[`loader should work with built-in CSS support: errors 1`] = `[]`;
+
+exports[`loader should work with built-in CSS support: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work with built-in CSS support: result 1`] = `
+[
+ [
+ "./basic.css",
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with built-in CSS support: warnings 1`] = `[]`;
+
+exports[`loader should work with empty css: errors 1`] = `[]`;
+
+exports[`loader should work with empty css: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work with empty css: result 1`] = `
+[
+ [
+ "./empty.css",
+ "",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with empty css: warnings 1`] = `[]`;
+
+exports[`loader should work with empty options: errors 1`] = `[]`;
+
+exports[`loader should work with empty options: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work with empty options: result 1`] = `
+[
+ [
+ "./basic.css",
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with empty options: warnings 1`] = `[]`;
+
+exports[`loader should work with inline module syntax: errors 1`] = `[]`;
+
+exports[`loader should work with inline module syntax: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "other.modules.css!=!-!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./index-loader-syntax.modules.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_1___ from "plain.scss!=!-!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./index-loader-syntax-sass.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_2___ from "other.modules.scss!=!-!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./index-loader-syntax-sass.modules.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_3___ from "other.modules.css!=!-!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./my-inline-loader!./index-loader-syntax.modules.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_4___ from "plain.scss!=!-!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./my-inline-loader!./index-loader-syntax.modules.css";
+import ___CSS_LOADER_AT_RULE_IMPORT_5___ from "other.modules.scss!=!-!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./my-inline-loader!./index-loader-syntax-sass.modules.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.a {
+ color: red;
+}\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work with inline module syntax: result 1`] = `
+[
+ [
+ "other.modules.css!=!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./index-loader-syntax.modules.css",
+ ".ZVx7VAdLOO3PJ1TqkYUn {
+ color: red;
+}
+
+.x0BV6RnIqi6PTJ6If2oA {
+ color: white;
+}",
+ "",
+ ],
+ [
+ "button.modules.css!=!./index-loader-syntax-sass.css",
+ ".n6iVkcAs9Wu9ovztqf8g {
+ width: 5px;
+}",
+ "",
+ ],
+ [
+ "other.modules.scss!=!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./index-loader-syntax-sass.modules.css",
+ ".NF9v028MAhreSp2TJZnn > .ss2pNzM7P7DcLJerCZFm {
+ color: red;
+}",
+ "",
+ ],
+ [
+ "other.modules.css!=!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./my-inline-loader/index.js!./index-loader-syntax.modules.css",
+ ".ZVx7VAdLOO3PJ1TqkYUn {
+ color: red;
+}
+
+.x0BV6RnIqi6PTJ6If2oA {
+ color: white;
+}
+
+.bNEIH_2ycglHGlceq20s {
+ from: custom;
+}",
+ "",
+ ],
+ [
+ "other.modules.css!=!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./my-inline-loader/index.js!./index-loader-syntax.modules.css",
+ ".ZVx7VAdLOO3PJ1TqkYUn {
+ color: red;
+}
+
+.x0BV6RnIqi6PTJ6If2oA {
+ color: white;
+}
+
+.bNEIH_2ycglHGlceq20s {
+ from: custom;
+}",
+ "",
+ ],
+ [
+ "other.modules.scss!=!../../src/index.js??ruleSet[1].rules[0].rules[0]!../../node_modules/sass-loader/dist/cjs.js!./my-inline-loader/index.js!./index-loader-syntax-sass.modules.css",
+ ".NF9v028MAhreSp2TJZnn > .ss2pNzM7P7DcLJerCZFm {
+ color: red;
+}
+
+.NMxzPXmuJS2nd8LarB5I {
+ from: custom;
+}",
+ "",
+ ],
+ [
+ "./index-loader-syntax.css",
+ ".a {
+ color: red;
+}",
+ "",
+ ],
+ [
+ "button.modules.css!=!./index-loader-syntax-sass.css",
+ ".n6iVkcAs9Wu9ovztqf8g {
+ width: 5px;
+}",
+ "",
+ ],
+ [
+ "button.module.scss!=!./base64-loader/index.js?LmZvbyB7IGNvbG9yOiByZWQ7IH0=!./simple.js?foo=bar",
+ ".QwIaKzIX2nnuKwGnu953 {
+ color: red;
+}",
+ "",
+ ],
+ [
+ "other.module.scss!=!./base64-loader/index.js?LmZvbyB7IGNvbG9yOiByZWQ7IH0=!./simple.js?foo=baz",
+ ".L_0U1ZWuSHuIqdUV6KjO {
+ color: red;
+}",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with inline module syntax: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+]
+`;
+
+exports[`loader should work with none AST metadata: errors 1`] = `[]`;
+
+exports[`loader should work with none AST metadata: result 1`] = `
+[
+ [
+ "./simple.css",
+ ".some-class {
+ color: red;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with none AST metadata: warnings 1`] = `[]`;
+
+exports[`loader should work with the "modules.auto" option and the "import.loaders" option: errors 1`] = `[]`;
+
+exports[`loader should work with the "modules.auto" option and the "import.loaders" option: result 1`] = `
+"/* Pure CSS */
+.imported-by-pure {
+ overflow-x: hidden;
+ overflow-y: auto;
+ overflow: hidden auto;
+}
+.pure {
+ color: red;
+}
+
+/* PostCSS */
+.imported-by-postcss {
+ overflow-x: hidden;
+ overflow-y: auto;
+ overflow: hidden auto;
+}
+.postcss {
+ color: rgba(0, 0, 255, 0.9);
+}
+
+.postcss:hover {
+ color: #639;
+ }
+
+/* SCSS */
+.imported-by-scss {
+ overflow-x: hidden;
+ overflow-y: auto;
+ overflow: hidden auto;
+}
+.scss {
+ font: 100% Helvetica, sans-serif;
+ color: #333;
+}
+/* CSS modules */
+.kSlR28XrNKt9I9mzvNxN {
+ overflow-x: hidden;
+ overflow-y: auto;
+ overflow: hidden auto;
+ color: red;
+}
+
+.global {
+ color: blue;
+}
+
+/* CSS modules + SCSS */
+.imported-by-module-scss {
+ overflow-x: hidden;
+ overflow-y: auto;
+ overflow: hidden auto;
+}
+.lE126I07pG7EhKO3j2bD {
+ color: #333;
+ overflow-x: hidden;
+ overflow-y: auto;
+ overflow: hidden auto;
+}
+
+.global {
+ color: #333;
+}
+"
+`;
+
+exports[`loader should work with the "modules.auto" option and the "import.loaders" option: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+]
+`;
+
+exports[`loader should work with webpackIgnore comment: errors 1`] = `[]`;
+
+exports[`loader should work with webpackIgnore comment: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("./fonts/Roboto-Regular.woff2", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_2___ = new URL("./fonts/Roboto-Regular.woff", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_3___ = new URL("./fonts/Roboto-Regular.ttf", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_4___ = new URL("./fonts/Roboto-Regular.svg", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_5___ = new URL("./fonts/Roboto-Regular.eot", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(./basic.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(./imported.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(./simple.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(./simple.css);"]);
+___CSS_LOADER_EXPORT___.push([module.id, "@import url(./simple.css);"]);
+___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___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
+var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
+var ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___, { hash: "#Roboto-Regular" });
+var ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);
+var ___CSS_LOADER_URL_REPLACEMENT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___, { hash: "#iefix" });
+var ___CSS_LOADER_URL_REPLACEMENT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___, { needQuotes: true });
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`/* webpackIgnore: true */
+
+/** Resolved **/
+/** Resolved **/
+
+.class {
+ color: red;
+ background: /** webpackIgnore: true */ url("./url/img.png"), url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ color: red;
+ background:/** webpackIgnore: true */url("./url/img.png"), url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___}), /** webpackIgnore: true */ url("./url/img.png");
+}
+
+.class {
+ color: red;
+ /** webpackIgnore: true */
+ background: url("./url/img.png"), url("./url/img.png");
+}
+
+.class {
+ color: red;
+ /** webpackIgnore: true */
+ background: url("./url/img.png"), /** webpackIgnore: false */ url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ color: red;
+ /** webpackIgnore: true */
+ background: url("./url/img.png"), /** webpackIgnore: false */ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}), /** webpackIgnore: true */ url("./url/img.png"), /** webpackIgnore: false */ url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ color: red;
+ /** webpackIgnore: true */
+ background: /** webpackIgnore: false */ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}), /** webpackIgnore: true */ url("./url/img.png");
+}
+
+.class {
+ color: red;
+ background: /** webpackIgnore: true */ /** webpackIgnore: false */ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}), url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___}), /** webpackIgnore: true */ /** webpackIgnore: false */ url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___}), /** webpackIgnore: false */ /** webpackIgnore: true */ url("./url/img.png");
+}
+
+.class {
+ background:
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}),
+ /** webpackIgnore: true **/ url("./url/img.png"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}),
+ /** webpackIgnore: true **/ url("./url/img.png"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}),
+ /** webpackIgnore: true **/
+ url("./url/img.png");
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: /** webpackIgnore: true **/ url("./fonts/Roboto-Regular.eot");
+ src:
+ /** webpackIgnore: true **/
+ url("./fonts/Roboto-Regular.eot#iefix") format("embedded-opentype"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_1___}) format("woff"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_2___}) format("woff"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_3___}) format("truetype"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_4___}) format("svg");
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: /** webpackIgnore: true **/ url("./fonts/Roboto-Regular.eot");
+ /** webpackIgnore: true **/
+ src:
+ url("./fonts/Roboto-Regular.eot#iefix") format("embedded-opentype"),
+ url("./fonts/Roboto-Regular.woff2") format("woff"),
+ url("./fonts/Roboto-Regular.woff") format("woff"),
+ url("./fonts/Roboto-Regular.ttf") format("truetype"),
+ url("./fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: url(\${___CSS_LOADER_URL_REPLACEMENT_5___});
+ src:
+ url(\${___CSS_LOADER_URL_REPLACEMENT_6___}) format("embedded-opentype"),
+ /** webpackIgnore: true **/
+ url("./fonts/Roboto-Regular.woff2") format("woff"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_2___}) format("woff"),
+ /** webpackIgnore: true **/
+ url("./fonts/Roboto-Regular.ttf") format("truetype"),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_4___}) format("svg");
+ font-weight: 400;
+ font-style: normal;
+}
+
+.class {
+ /*webpackIgnore: true*/
+ background-image: image-set(
+ url(./url/img.png) 2x,
+ url(./url/img.png) 3x,
+ url(./url/img.png) 4x
+ );
+}
+
+.class {
+ /*webpackIgnore: true*/
+ background-image:
+ image-set(
+ /*webpackIgnore: false*/
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 2x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 3x,
+ url(./url/img.png) 4x,
+ /*webpackIgnore: false */
+ /*webpackIgnore: true */
+ url(./url/img.png) 5x
+ ),
+ url('./url/img.png');
+}
+
+.class {
+ background-image:
+ image-set(
+ /*webpackIgnore: false*/
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 2x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 3x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 4x,
+ /*webpackIgnore: false */
+ /*webpackIgnore: true */
+ url(./url/img.png) 5x
+ ),
+ /*webpackIgnore: false*/
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}),
+ /*webpackIgnore: true*/
+ url('./url/img.png');;
+}
+
+.class {
+ background-image:
+ image-set(
+ /*webpackIgnore: false*/
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 2x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 3x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 4x,
+ /*webpackIgnore: false */
+ /*webpackIgnore: true */
+ url(./url/img.png) 5x
+ ),
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ background-image: image-set(
+ /*webpackIgnore: true*/
+ url(./url/img.png) 2x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 3x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 5x
+ );
+}
+
+.class {
+ background-image: image-set(
+ /*webpackIgnore: true*/
+ './url/img.png' 2x,
+ \${___CSS_LOADER_URL_REPLACEMENT_7___} 3x,
+ /*webpackIgnore: true*/
+ './url/img.png' 5x
+ );
+}
+
+.class {
+ /*webpackIgnore: true*/
+ background-image: image-set(
+ /*webpackIgnore: false*/
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 2x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 3x,
+ /*webpackIgnore: false*/
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 4x,
+ url(./url/img.png) 5x
+ );
+}
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___}), /** webpackIgnore: true */url("./url/img.png");
+}
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___}), /** webpackIgnore: true */ url("./url/img.png");
+}
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___})/** webpackIgnore: true */, url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class {
+ background-image:
+ image-set(
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 2x /*webpackIgnore: true*/,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) /*webpackIgnore: true*/ 3x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 4x /*webpackIgnore: true*/,
+ /*webpackIgnore: true*/url(./url/img.png) 5x,
+ /*webpackIgnore: true*/ url(./url/img.png) 6x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 7x,
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}) 8x
+ ),
+ /*webpackIgnore: false*/
+ url(\${___CSS_LOADER_URL_REPLACEMENT_0___}),
+ /*webpackIgnore: true*/
+ url('./url/img.png');
+}
+
+@font-face {
+ font-family: "anticon";
+ src: url("//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix") format("embedded-opentype"),
+ /* this comment is required */
+ url("//at.alicdn.com/t/font_1434092639_4910953.woff") format("woff");
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work with webpackIgnore comment: result 1`] = `
+[
+ [
+ "./webpackIgnore.css",
+ "@import url(./basic.css);",
+ ],
+ [
+ "./webpackIgnore.css",
+ "@import url(./imported.css);",
+ ],
+ [
+ "./webpackIgnore.css",
+ "@import url(./simple.css);",
+ ],
+ [
+ "./webpackIgnore.css",
+ "@import url(./simple.css);",
+ ],
+ [
+ "./webpackIgnore.css",
+ "@import url(./simple.css);",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css",
+ ".some-class {
+ color: red;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css",
+ ".some-class {
+ color: red;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css",
+ ".some-class {
+ color: red;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css",
+ ".some-class {
+ color: red;
+}
+",
+ "",
+ ],
+ [
+ "./webpackIgnore.css",
+ "/* webpackIgnore: true */
+
+/** Resolved **/
+/** Resolved **/
+
+.class {
+ color: red;
+ background: /** webpackIgnore: true */ url("./url/img.png"), url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class {
+ color: red;
+ background:/** webpackIgnore: true */url("./url/img.png"), url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png), /** webpackIgnore: true */ url("./url/img.png");
+}
+
+.class {
+ color: red;
+ /** webpackIgnore: true */
+ background: url("./url/img.png"), url("./url/img.png");
+}
+
+.class {
+ color: red;
+ /** webpackIgnore: true */
+ background: url("./url/img.png"), /** webpackIgnore: false */ url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class {
+ color: red;
+ /** webpackIgnore: true */
+ background: url("./url/img.png"), /** webpackIgnore: false */ url(replaced_file_protocol_/webpack/public/path/img.png), /** webpackIgnore: true */ url("./url/img.png"), /** webpackIgnore: false */ url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class {
+ color: red;
+ /** webpackIgnore: true */
+ background: /** webpackIgnore: false */ url(replaced_file_protocol_/webpack/public/path/img.png), /** webpackIgnore: true */ url("./url/img.png");
+}
+
+.class {
+ color: red;
+ background: /** webpackIgnore: true */ /** webpackIgnore: false */ url(replaced_file_protocol_/webpack/public/path/img.png), url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png), /** webpackIgnore: true */ /** webpackIgnore: false */ url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png), /** webpackIgnore: false */ /** webpackIgnore: true */ url("./url/img.png");
+}
+
+.class {
+ background:
+ url(replaced_file_protocol_/webpack/public/path/img.png),
+ url(replaced_file_protocol_/webpack/public/path/img.png),
+ /** webpackIgnore: true **/ url("./url/img.png"),
+ url(replaced_file_protocol_/webpack/public/path/img.png),
+ /** webpackIgnore: true **/ url("./url/img.png"),
+ url(replaced_file_protocol_/webpack/public/path/img.png),
+ url(replaced_file_protocol_/webpack/public/path/img.png),
+ url(replaced_file_protocol_/webpack/public/path/img.png),
+ /** webpackIgnore: true **/
+ url("./url/img.png");
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: /** webpackIgnore: true **/ url("./fonts/Roboto-Regular.eot");
+ src:
+ /** webpackIgnore: true **/
+ url("./fonts/Roboto-Regular.eot#iefix") format("embedded-opentype"),
+ url(replaced_file_protocol_/webpack/public/path/Roboto-Regular.woff2) format("woff"),
+ url(replaced_file_protocol_/webpack/public/path/Roboto-Regular.woff) format("woff"),
+ url(replaced_file_protocol_/webpack/public/path/Roboto-Regular.ttf) format("truetype"),
+ url(replaced_file_protocol_/webpack/public/path/Roboto-Regular.svg#Roboto-Regular) format("svg");
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: /** webpackIgnore: true **/ url("./fonts/Roboto-Regular.eot");
+ /** webpackIgnore: true **/
+ src:
+ url("./fonts/Roboto-Regular.eot#iefix") format("embedded-opentype"),
+ url("./fonts/Roboto-Regular.woff2") format("woff"),
+ url("./fonts/Roboto-Regular.woff") format("woff"),
+ url("./fonts/Roboto-Regular.ttf") format("truetype"),
+ url("./fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: url(replaced_file_protocol_/webpack/public/path/Roboto-Regular.eot);
+ src:
+ url(replaced_file_protocol_/webpack/public/path/Roboto-Regular.eot#iefix) format("embedded-opentype"),
+ /** webpackIgnore: true **/
+ url("./fonts/Roboto-Regular.woff2") format("woff"),
+ url(replaced_file_protocol_/webpack/public/path/Roboto-Regular.woff) format("woff"),
+ /** webpackIgnore: true **/
+ url("./fonts/Roboto-Regular.ttf") format("truetype"),
+ url(replaced_file_protocol_/webpack/public/path/Roboto-Regular.svg#Roboto-Regular) format("svg");
+ font-weight: 400;
+ font-style: normal;
+}
+
+.class {
+ /*webpackIgnore: true*/
+ background-image: image-set(
+ url(./url/img.png) 2x,
+ url(./url/img.png) 3x,
+ url(./url/img.png) 4x
+ );
+}
+
+.class {
+ /*webpackIgnore: true*/
+ background-image:
+ image-set(
+ /*webpackIgnore: false*/
+ url(replaced_file_protocol_/webpack/public/path/img.png) 2x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 3x,
+ url(./url/img.png) 4x,
+ /*webpackIgnore: false */
+ /*webpackIgnore: true */
+ url(./url/img.png) 5x
+ ),
+ url('./url/img.png');
+}
+
+.class {
+ background-image:
+ image-set(
+ /*webpackIgnore: false*/
+ url(replaced_file_protocol_/webpack/public/path/img.png) 2x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 3x,
+ url(replaced_file_protocol_/webpack/public/path/img.png) 4x,
+ /*webpackIgnore: false */
+ /*webpackIgnore: true */
+ url(./url/img.png) 5x
+ ),
+ /*webpackIgnore: false*/
+ url(replaced_file_protocol_/webpack/public/path/img.png),
+ /*webpackIgnore: true*/
+ url('./url/img.png');;
+}
+
+.class {
+ background-image:
+ image-set(
+ /*webpackIgnore: false*/
+ url(replaced_file_protocol_/webpack/public/path/img.png) 2x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 3x,
+ url(replaced_file_protocol_/webpack/public/path/img.png) 4x,
+ /*webpackIgnore: false */
+ /*webpackIgnore: true */
+ url(./url/img.png) 5x
+ ),
+ url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class {
+ background-image: image-set(
+ /*webpackIgnore: true*/
+ url(./url/img.png) 2x,
+ url(replaced_file_protocol_/webpack/public/path/img.png) 3x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 5x
+ );
+}
+
+.class {
+ background-image: image-set(
+ /*webpackIgnore: true*/
+ './url/img.png' 2x,
+ "replaced_file_protocol_/webpack/public/path/img.png" 3x,
+ /*webpackIgnore: true*/
+ './url/img.png' 5x
+ );
+}
+
+.class {
+ /*webpackIgnore: true*/
+ background-image: image-set(
+ /*webpackIgnore: false*/
+ url(replaced_file_protocol_/webpack/public/path/img.png) 2x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 3x,
+ /*webpackIgnore: false*/
+ url(replaced_file_protocol_/webpack/public/path/img.png) 4x,
+ url(./url/img.png) 5x
+ );
+}
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png), /** webpackIgnore: true */url("./url/img.png");
+}
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png), /** webpackIgnore: true */ url("./url/img.png");
+}
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png)/** webpackIgnore: true */, url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class {
+ background-image:
+ image-set(
+ url(replaced_file_protocol_/webpack/public/path/img.png) 2x /*webpackIgnore: true*/,
+ url(replaced_file_protocol_/webpack/public/path/img.png) /*webpackIgnore: true*/ 3x,
+ url(replaced_file_protocol_/webpack/public/path/img.png) 4x /*webpackIgnore: true*/,
+ /*webpackIgnore: true*/url(./url/img.png) 5x,
+ /*webpackIgnore: true*/ url(./url/img.png) 6x,
+ /*webpackIgnore: true*/
+ url(./url/img.png) 7x,
+ url(replaced_file_protocol_/webpack/public/path/img.png) 8x
+ ),
+ /*webpackIgnore: false*/
+ url(replaced_file_protocol_/webpack/public/path/img.png),
+ /*webpackIgnore: true*/
+ url('./url/img.png');
+}
+
+@font-face {
+ font-family: "anticon";
+ src: url("//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix") format("embedded-opentype"),
+ /* this comment is required */
+ url("//at.alicdn.com/t/font_1434092639_4910953.woff") format("woff");
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`loader should work with webpackIgnore comment: warnings 1`] = `[]`;
+
+exports[`loader should work: errors 1`] = `[]`;
+
+exports[`loader should work: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../src/runtime/api.js";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("./url/img.png", import.meta.url);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.class-duplicate-url {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\\\+ { a: b c d; }
+
+.class { content: "\\\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\\\2193";
+ content: "\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193";
+ content: "\\\\2193\\\\2193\\\\2193";
+ content: "\\\\2193 \\\\2193 \\\\2193";
+}
+
+.-top {}
+.\\\\-top {}
+
+#\\\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\\\-middle {
+ align-items: center;
+}
+.grid.\\\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\\\e901';
+}
+
+.myStyle {
+ content: '\\\\E901';
+}
+
+.♫ {}
+
+.\\\\3A \\\\\\\`\\\\( {} /* matches elements with class=":\\\`(" */
+.\\\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\\\.\\\\\\\` {
+ color: aliceblue;
+}
+
+\\\\.\\\\\\$\\\\{foo\\\\} {
+ color: aliceblue;
+}
+
+/* \\\` */
+/* \\\`\\\` */
+/* \\\`\\\`\\\` */
+/* \\\${} */
+/* \\\\\\\\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\\\2014\\\\A0";
+ content: "\\\\2014 \\\\A0";
+ content: "\\\\A0 \\\\2014";
+ content: "\\\\A0\\\\2014";
+ margin-top: 1px\\\\9;
+ background-color: #000\\\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
+.base64 {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
+}
+
+a[href=''] {
+ color: red;
+}
+
+a[href='' i] {
+ color: red;
+}
+
+a[href=""] {
+ color: blue;
+}
+
+a[href="" i] {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`loader should work: result 1`] = `
+[
+ [
+ "./basic.css",
+ "@charset "UTF-8";
+
+
+/* Comment */
+
+.class {
+ color: red;
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+.class-duplicate-url {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
+}
+
+:root {
+ --foo: 1px;
+ --bar: 2px;
+}
+
+.class { a: b c d; }
+
+.two {}
+
+.u-m\\+ { a: b c d; }
+
+.class { content: "\\F10C" }
+
+@media only screen and (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+
+.class {
+ content: "\\2193";
+ content: "\\2193\\2193";
+ content: "\\2193 \\2193";
+ content: "\\2193\\2193\\2193";
+ content: "\\2193 \\2193 \\2193";
+}
+
+.-top {}
+.\\-top {}
+
+#\\#test {}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+}
+.grid.\\-top {
+ align-items: flex-start;
+}
+.grid.-top {
+ align-items: flex-start;
+}
+.grid.\\-middle {
+ align-items: center;
+}
+.grid.\\-bottom {
+ align-items: flex-end;
+}
+
+.u-m\\00002b {}
+
+.u-m00002b {}
+
+#u-m\\+ {}
+
+body {
+ font-family: '微软雅黑'; /* some chinese font name */
+}
+
+.myStyle {
+ content: '\\e901';
+}
+
+.myStyle {
+ content: '\\E901';
+}
+
+.♫ {}
+
+.\\3A \\\`\\( {} /* matches elements with class=":\`(" */
+.\\31 a2b3c {} /* matches elements with class="1a2b3c" */
+#\\#fake-id {} /* matches the element with id="#fake-id" */
+#-a-b-c- {} /* matches the element with id="-a-b-c-" */
+#© {} /* matches the element with id="©" */
+
+\\.\\\` {
+ color: aliceblue;
+}
+
+\\.\\$\\{foo\\} {
+ color: aliceblue;
+}
+
+/* \` */
+/* \`\` */
+/* \`\`\` */
+/* \${} */
+/* \\\\\` */
+
+:root {
+ --title-align: center;
+ --sr-only: {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+ };
+}
+
+.test {
+ content: "\\2014\\A0";
+ content: "\\2014 \\A0";
+ content: "\\A0 \\2014";
+ content: "\\A0\\2014";
+ margin-top: 1px\\9;
+ background-color: #000\\9;
+}
+
+.light.on .bulb:before{
+ content: '💡';
+}
+
.base64 {
background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
}
@@ -824,11 +3507,11 @@ a[href='' i] {
color: red;
}
-a[href=\\"\\"] {
+a[href=""] {
color: blue;
}
-a[href=\\"\\" i] {
+a[href="" i] {
color: blue;
}
",
@@ -837,4 +3520,4 @@ a[href=\\"\\" i] {
]
`;
-exports[`loader should work: warnings 1`] = `Array []`;
+exports[`loader should work: warnings 1`] = `[]`;
diff --git a/test/__snapshots__/modules-option.test.js.snap b/test/__snapshots__/modules-option.test.js.snap
index f64fdcd5..23e2b2b3 100644
--- a/test/__snapshots__/modules-option.test.js.snap
+++ b/test/__snapshots__/modules-option.test.js.snap
@@ -1,32 +1,32 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-exports[`"modules" option issue #286: errors 1`] = `Array []`;
+exports[`"modules" option issue #286: errors 1`] = `[]`;
exports[`"modules" option issue #286: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"./dep.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "./dep.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".b--main { }\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.b--main { }
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"main\\": \\"b--main \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"red\\"] + \\"\\"
-};
+export var main = \`b--main \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["red"]}\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #286: result 1`] = `
-Array [
- Array [
+[
+ [
"./modules/issue-286/dep.css",
".a--red { color: red }
",
"",
],
- Array [
+ [
"./modules/issue-286/source.css",
".b--main { }
",
@@ -35,36 +35,36 @@ Array [
]
`;
-exports[`"modules" option issue #286: warnings 1`] = `Array []`;
+exports[`"modules" option issue #286: warnings 1`] = `[]`;
-exports[`"modules" option issue #636: errors 1`] = `Array []`;
+exports[`"modules" option issue #636: errors 1`] = `[]`;
exports[`"modules" option issue #636: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./foo.scss\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./foo.scss";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".prefix-bar {\\\\n}\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.prefix-bar {
+}\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"bar\\": \\"prefix-bar \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"] + \\"\\"
-};
+export var bar = \`prefix-bar \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["foo"]}\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #636: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/issue-636/foo.scss",
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./modules/issue-636/foo.scss",
".prefix-foo {
color: red;
}",
"",
],
- Array [
+ [
"./modules/issue-636/source.scss",
".prefix-bar {
}",
@@ -73,48 +73,64 @@ Array [
]
`;
-exports[`"modules" option issue #636: warnings 1`] = `Array []`;
+exports[`"modules" option issue #636: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
+]
+`;
-exports[`"modules" option issue #861: errors 1`] = `Array []`;
+exports[`"modules" option issue #861: errors 1`] = `[]`;
exports[`"modules" option issue #861: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./node_modules/@localpackage/color.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./node_modules/@localpackage/style.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/@localpackage/color.css";
+import ___CSS_LOADER_ICSS_IMPORT_1___, * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/@localpackage/style.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, "", true);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._3-xO98la0jTEyk-RMXJ1HB {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"] + \\";\\\\n margin: 0;\\\\n padding: 0;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.y19CYJvfPsY__wKRrRBJ {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["color-grey"] };
+ margin: 0;
+ padding: 0;
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"color-grey\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"] + \\"\\",
- \\"copyright\\": \\"_3-xO98la0jTEyk-RMXJ1HB \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"type-heading\\"] + \\"\\"
-};
+var _1 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["color-grey"]}\`;
+export { _1 as "color-grey" };
+export var copyright = \`y19CYJvfPsY__wKRrRBJ \${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["type-heading"]}\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #861: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/issue-861/node_modules/@localpackage/color.css",
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/issue-861/node_modules/@localpackage/color.css",
"
",
"",
],
- Array [
- "../../src/index.js?[ident]!./modules/issue-861/node_modules/@otherlocalpackage/style.css",
- "._34OED9az7G510opLe4yb1c {
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/issue-861/node_modules/@otherlocalpackage/style.css",
+ ".RkMzgETKHXnuOl77obC2 {
display: flex;
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./modules/issue-861/node_modules/@localpackage/style.css",
- "._2blXC1CBMJb76yPAbnhQda {
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/issue-861/node_modules/@localpackage/style.css",
+ ".z7lux7p74VniQzqVx2Bi {
color: red;
margin: 0;
padding: 0;
@@ -122,9 +138,9 @@ Array [
",
"",
],
- Array [
+ [
"./modules/issue-861/resolving-from-node_modules.css",
- "._3-xO98la0jTEyk-RMXJ1HB {
+ ".y19CYJvfPsY__wKRrRBJ {
color: gray;
margin: 0;
padding: 0;
@@ -135,29 +151,106 @@ Array [
]
`;
-exports[`"modules" option issue #861: warnings 1`] = `Array []`;
+exports[`"modules" option issue #861: warnings 1`] = `[]`;
+
+exports[`"modules" option issue #966 - values in selectors aren't escaped properly: errors 1`] = `[]`;
+
+exports[`"modules" option issue #966 - values in selectors aren't escaped properly: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`._7-foo-class {
+ color: red;
+}
+
+.\\\\--bar-class {
+ color: red;
+}
+
+.\\\\--baz-class {
+ color: red;
+}
+
+.fooBaz-class-continuation {
+ color: red;
+}
+
+.some.class {
+ color: red;
+}
+\`, ""]);
+// Exports
+var _1 = \`_7-foo-class\`;
+export { _1 as "foo-class" };
+var _2 = \`--bar-class\`;
+export { _2 as "bar-class" };
+var _3 = \`--baz-class\`;
+export { _3 as "baz-class" };
+var _4 = \`fooBaz-class-continuation\`;
+export { _4 as "fooBaz-class" };
+export var some = \`some\`;
+var _5 = \`class\`;
+export { _5 as "class" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option issue #966 - values in selectors aren't escaped properly: result 1`] = `
+[
+ [
+ "./modules/issue-966/issue-966.css",
+ "._7-foo-class {
+ color: red;
+}
+
+.\\--bar-class {
+ color: red;
+}
+
+.\\--baz-class {
+ color: red;
+}
+
+.fooBaz-class-continuation {
+ color: red;
+}
+
+.some.class {
+ color: red;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"modules" option issue #966 - values in selectors aren't escaped properly: warnings 1`] = `[]`;
-exports[`"modules" option issue #966: errors 1`] = `Array []`;
+exports[`"modules" option issue #966: errors 1`] = `[]`;
exports[`"modules" option issue #966: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".button.hey {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.button-hey {
+ color: red;
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"button\\": \\"button.hey\\"
-};
+export var button = \`button-hey\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #966: result 1`] = `
-Array [
- Array [
+[
+ [
"./modules/issue-966/button.css",
- ".button.hey {
+ ".button-hey {
color: red;
}
",
@@ -166,39 +259,51 @@ Array [
]
`;
-exports[`"modules" option issue #966: warnings 1`] = `Array []`;
+exports[`"modules" option issue #966: warnings 1`] = `[]`;
-exports[`"modules" option issue #967: errors 1`] = `Array []`;
+exports[`"modules" option issue #967: errors 1`] = `[]`;
exports[`"modules" option issue #967: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".modules-issue-967-path-placeholder__foo__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {\\\\n color: red;\\\\n}\\\\n\\\\n.modules-issue-967-path-placeholder__foo\\\\\\\\/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {\\\\n color: blue;\\\\n}\\\\n\\\\n.modules-issue-967-path-placeholder__\\\\\\\\[\\\\\\\\/\\\\\\\\?\\\\\\\\<\\\\\\\\>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\3A \\\\\\\\*\\\\\\\\|\\\\\\\\\\\\\\"\\\\\\\\3A \\\\\\\\]__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {\\\\n color: yellow;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.modules-issue-967-path-placeholder__foo__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
+ color: red;
+}
+
+.modules-issue-967-path-placeholder__foo\\\\/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
+ color: blue;
+}
+
+.modules-issue-967-path-placeholder__\\\\[\\\\/\\\\?\\\\<\\\\>\\\\\\\\\\\\\\\\\\\\3A \\\\*\\\\|\\\\"\\\\3A \\\\]__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
+ color: yellow;
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"modules-issue-967-path-placeholder__foo__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\\",
- \\"foo/bar\\": \\"modules-issue-967-path-placeholder__foo/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\\",
- \\"[/?<>\\\\\\\\\\\\\\\\:*|\\\\\\":]\\": \\"modules-issue-967-path-placeholder__[/?<>\\\\\\\\\\\\\\\\:*|\\\\\\":]__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\\"
-};
+export var foo = \`modules-issue-967-path-placeholder__foo__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\`;
+var _1 = \`modules-issue-967-path-placeholder__foo/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\`;
+export { _1 as "foo/bar" };
+var _2 = \`modules-issue-967-path-placeholder__[/?<>\\\\\\\\:*|":]__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\`;
+export { _2 as "[/?<>\\\\\\\\:*|\\":]" };
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #967: result 1`] = `
-Array [
- Array [
+[
+ [
"./modules/issue-967/path-placeholder.css",
".modules-issue-967-path-placeholder__foo__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
color: red;
}
-.modules-issue-967-path-placeholder__foo\\\\/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
+.modules-issue-967-path-placeholder__foo\\/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
color: blue;
}
-.modules-issue-967-path-placeholder__\\\\[\\\\/\\\\?\\\\<\\\\>\\\\\\\\\\\\\\\\\\\\3A \\\\*\\\\|\\\\\\"\\\\3A \\\\]__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
+.modules-issue-967-path-placeholder__\\[\\/\\?\\<\\>\\\\\\\\\\3A \\*\\|\\"\\3A \\]__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
color: yellow;
}
",
@@ -207,29 +312,31 @@ Array [
]
`;
-exports[`"modules" option issue #967: warnings 1`] = `Array []`;
+exports[`"modules" option issue #967: warnings 1`] = `[]`;
-exports[`"modules" option issue #980: errors 1`] = `Array []`;
+exports[`"modules" option issue #980: errors 1`] = `[]`;
exports[`"modules" option issue #980: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".file-with-many-dots-in-name_a_3NWtD {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.file-with-many-dots-in-name_a_KwVdi {
+ color: red;
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"a\\": \\"file-with-many-dots-in-name_a_3NWtD\\"
-};
+export var a = \`file-with-many-dots-in-name_a_KwVdi\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #980: result 1`] = `
-Array [
- Array [
+[
+ [
"./modules/issue-980/file.with.many.dots.in.name.css",
- ".file-with-many-dots-in-name_a_3NWtD {
+ ".file-with-many-dots-in-name_a_KwVdi {
color: red;
}
",
@@ -238,89 +345,75 @@ Array [
]
`;
-exports[`"modules" option issue #980: warnings 1`] = `Array []`;
+exports[`"modules" option issue #980: warnings 1`] = `[]`;
-exports[`"modules" option issue #995: errors 1`] = `Array []`;
+exports[`"modules" option issue #995 #2: errors 1`] = `[]`;
-exports[`"modules" option issue #995: module 1`] = `
+exports[`"modules" option issue #995 #2: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"/* class=\\\\\\"😀\\\\\\" */\\\\n.a {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀 😓\\\\\\" */\\\\n.a.b {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" > class=\\\\\\"😓\\\\\\" */\\\\n.a .b {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" */\\\\n.😀 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀 😓\\\\\\" */\\\\n.😀.😓 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" > class=\\\\\\"😓\\\\\\" */\\\\n.😀 .😓 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" */\\\\n.\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀 😓\\\\\\" */\\\\n.\\\\\\\\1F600.\\\\\\\\1F613 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" > class=\\\\\\"😓\\\\\\" */\\\\n.\\\\\\\\1F600 .\\\\\\\\1F613 {\\\\n color: red;\\\\n}\\\\n\\\\n/* Local */\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" */\\\\n.\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀 😓\\\\\\" */\\\\n.\\\\\\\\1F600.\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" > class=\\\\\\"😓\\\\\\" */\\\\n.\\\\\\\\1F600 .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F600 .a .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F600 .\\\\\\\\1F600 .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\ndiv:not(.\\\\\\\\1F600) {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F600 .b {\\\\n color: red;\\\\n}\\\\n\\\\n.b .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F613 .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F613 .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F600 > .\\\\\\\\1F600 > .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"a\\": \\"😀\\",
- \\"b\\": \\"😀\\",
- \\"c\\": \\"😀\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"modules" option issue #995: result 1`] = `
-Array [
- Array [
- "./modules/issue-995/issue-995.css",
- "/* class=\\"😀\\" */
+___CSS_LOADER_EXPORT___.push([module.id, \`/* class="😀" */
.a {
color: red;
}
-/* class=\\"😀 😓\\" */
+/* class="😀 😓" */
.a.b {
color: red;
}
-/* class=\\"😀\\" > class=\\"😓\\" */
+/* class="😀" > class="😓" */
.a .b {
color: red;
}
-/* class=\\"😀\\" */
+/* class="😀" */
.😀 {
color: red;
}
-/* class=\\"😀 😓\\" */
+/* class="😀 😓" */
.😀.😓 {
color: red;
}
-/* class=\\"😀\\" > class=\\"😓\\" */
+/* class="😀" > class="😓" */
.😀 .😓 {
color: red;
}
-/* class=\\"😀\\" */
+/* class="😀" */
.\\\\1F600 {
color: red;
}
-/* class=\\"😀 😓\\" */
+/* class="😀 😓" */
.\\\\1F600.\\\\1F613 {
color: red;
}
-/* class=\\"😀\\" > class=\\"😓\\" */
+/* class="😀" > class="😓" */
.\\\\1F600 .\\\\1F613 {
color: red;
}
/* Local */
-/* class=\\"😀\\" */
-.\\\\1F600 {
+/* class="😀" */
+.\\\\ {
color: red;
}
-/* class=\\"😀 😓\\" */
-.\\\\1F600.\\\\1F600 {
+/* class="😀 😓" */
+.\\\\ .\\\\ {
color: red;
}
-/* class=\\"😀\\" > class=\\"😓\\" */
-.\\\\1F600 .\\\\1F600 {
+/* class="😀" > class="😓" */
+.\\\\ .\\\\ {
color: red;
}
@@ -328,201 +421,137 @@ Array [
color: red;
}
-.\\\\1F600 .\\\\1F600 .\\\\1F600 {
+.\\\\ .\\\\ .\\\\ {
color: red;
}
-div:not(.\\\\1F600) {
+div:not(.\\\\ ) {
color: red;
}
-.\\\\1F600 .b {
+.\\\\ .b {
color: red;
}
-.b .\\\\1F600 {
+.b .\\\\ {
color: red;
}
-.\\\\1F613 .\\\\1F600 {
+.\\\\1F613 .\\\\ {
color: red;
}
-.\\\\1F613 .\\\\1F600 {
+.\\\\1F613 .\\\\ {
color: red;
}
-.\\\\1F600 > .\\\\1F600 > .\\\\1F600 {
+.\\\\ > .\\\\ > .\\\\ {
color: red;
}
-",
- "",
- ],
-]
-`;
-
-exports[`"modules" option issue #995: warnings 1`] = `Array []`;
-
-exports[`"modules" option issue #1063 throw error: errors 1`] = `
-Array [
- "ModuleError: Module Error (from \`replaced original path\`):
-options.mode must be either \\"global\\", \\"local\\" or \\"pure\\" (default \\"local\\")",
- "ModuleError: Module Error (from \`replaced original path\`):
-options.mode must be either \\"global\\", \\"local\\" or \\"pure\\" (default \\"local\\")",
- "ModuleError: Module Error (from \`replaced original path\`):
-options.mode must be either \\"global\\", \\"local\\" or \\"pure\\" (default \\"local\\")",
-]
-`;
-
-exports[`"modules" option issue #1063 throw error: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".classNameLocalFile {\\\\n color: green;\\\\n}\\\\n\\\\n:global(.otherClassLocalFile) {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"modules" option issue #1063 throw error: module 2`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".classNameGlobalFile {\\\\n color: black;\\\\n}\\\\n\\\\n:local(.otherClassGlobalFile) {\\\\n color: coral;\\\\n}\\\\n\\", \\"\\"]);
+\`, ""]);
// Exports
+export var a = \` \`;
+export var b = \` \`;
+export var c = \` \`;
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option issue #1063 throw error: result 1`] = `
-".classNameLocalFile {
- color: green;
+exports[`"modules" option issue #995 #2: result 1`] = `
+[
+ [
+ "./modules/issue-995/issue-995.css",
+ "/* class="😀" */
+.a {
+ color: red;
}
-:global(.otherClassLocalFile) {
- color: blue;
+/* class="😀 😓" */
+.a.b {
+ color: red;
}
-.classNameGlobalFile {
- color: black;
+
+/* class="😀" > class="😓" */
+.a .b {
+ color: red;
}
-:local(.otherClassGlobalFile) {
- color: coral;
+/* class="😀" */
+.😀 {
+ color: red;
}
-.foo :local(.bar) {
+
+/* class="😀 😓" */
+.😀.😓 {
color: red;
}
-"
-`;
-exports[`"modules" option issue #1063 throw error: warnings 1`] = `Array []`;
+/* class="😀" > class="😓" */
+.😀 .😓 {
+ color: red;
+}
-exports[`"modules" option issue #1063: errors 1`] = `Array []`;
+/* class="😀" */
+.\\1F600 {
+ color: red;
+}
-exports[`"modules" option issue #1063: module with the \`global\` mode 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".classNameGlobalFile {\\\\n color: black;\\\\n}\\\\n\\\\n._3R0IujoYmi1IYvOTm7aj1H {\\\\n color: coral;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"otherClassGlobalFile\\": \\"_3R0IujoYmi1IYvOTm7aj1H\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+/* class="😀 😓" */
+.\\1F600.\\1F613 {
+ color: red;
+}
-exports[`"modules" option issue #1063: module with the \`local\` mode 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._1cIyygbEsOkwSiRENx8zVU {\\\\n color: green;\\\\n}\\\\n\\\\n.otherClassLocalFile {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"classNameLocalFile\\": \\"_1cIyygbEsOkwSiRENx8zVU\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+/* class="😀" > class="😓" */
+.\\1F600 .\\1F613 {
+ color: red;
+}
-exports[`"modules" option issue #1063: module with the \`pure\` mode 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".J7gDrWoVJPVJUOkhFmzq8 .OtGfkbh5uxg2vpEPy7SOS {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"J7gDrWoVJPVJUOkhFmzq8\\",
- \\"bar\\": \\"OtGfkbh5uxg2vpEPy7SOS\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+/* Local */
-exports[`"modules" option issue #1063: result 1`] = `
-"._1cIyygbEsOkwSiRENx8zVU {
- color: green;
+/* class="😀" */
+.\\ {
+ color: red;
}
-.otherClassLocalFile {
- color: blue;
+/* class="😀 😓" */
+.\\ .\\ {
+ color: red;
}
-.classNameGlobalFile {
- color: black;
+
+/* class="😀" > class="😓" */
+.\\ .\\ {
+ color: red;
}
-._3R0IujoYmi1IYvOTm7aj1H {
- color: coral;
+.\\1F600 .a .\\1F600 {
+ color: red;
}
-.J7gDrWoVJPVJUOkhFmzq8 .OtGfkbh5uxg2vpEPy7SOS {
+
+.\\ .\\ .\\ {
color: red;
}
-"
-`;
-exports[`"modules" option issue #1063: warnings 1`] = `Array []`;
+div:not(.\\ ) {
+ color: red;
+}
-exports[`"modules" option should avoid unnecessary "require": errors 1`] = `Array []`;
+.\\ .b {
+ color: red;
+}
-exports[`"modules" option should avoid unnecessary "require": module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".Uf0ts_XDBSnJJxTj8_Gi9 {\\\\n color: red;\\\\n}\\\\n\\\\n._29pZs19QWYaZFzehTn6_hs {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"simple-foo\\": \\"Uf0ts_XDBSnJJxTj8_Gi9 \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"] + \\"\\",
- \\"simple-bar\\": \\"_29pZs19QWYaZFzehTn6_hs \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"] + \\"\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+.b .\\ {
+ color: red;
+}
-exports[`"modules" option should avoid unnecessary "require": result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/composes/imported-simple.css",
- "._1LcKtmpK51ikm2OTXu6tSg {
- display: block;
+.\\1F613 .\\ {
+ color: red;
}
-",
- "",
- ],
- Array [
- "./modules/composes/composes-duplicate.css",
- ".Uf0ts_XDBSnJJxTj8_Gi9 {
+
+.\\1F613 .\\ {
color: red;
}
-._29pZs19QWYaZFzehTn6_hs {
+.\\ > .\\ > .\\ {
color: red;
}
",
@@ -531,402 +560,214 @@ Array [
]
`;
-exports[`"modules" option should avoid unnecessary "require": warnings 1`] = `Array []`;
+exports[`"modules" option issue #995 #2: warnings 1`] = `[]`;
-exports[`"modules" option should dedupe same modules in one module (issue #1037): errors 1`] = `Array []`;
+exports[`"modules" option issue #995: errors 1`] = `[]`;
-exports[`"modules" option should dedupe same modules in one module (issue #1037): module 1`] = `
+exports[`"modules" option issue #995: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./buttons/primary-button.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./buttons/secondary-button.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._20J9N7rmF9MDlW1fCyqEJg\\\\n{\\\\n}\\\\n\\\\n.i6SVpQUP5kat3lVfJZKUL\\\\n{\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"nextButton\\": \\"_20J9N7rmF9MDlW1fCyqEJg \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"primaryButton\\"] + \\"\\",
- \\"backButton\\": \\"i6SVpQUP5kat3lVfJZKUL \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"secondaryButton\\"] + \\"\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"modules" option should dedupe same modules in one module (issue #1037): result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/dedupe/buttons/button.css",
- "._2QecNNc0kCyNGf0j-87ceF
-{
- border:none;
- padding:7px 15px;
- cursor:pointer;
-}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./modules/dedupe/buttons/primary-button.css",
- ".SnLsSJLK0FO19AzFIwO6E
-{
- background-color:blue;
- color:white;
+___CSS_LOADER_EXPORT___.push([module.id, \`/* class="😀" */
+.a {
+ color: red;
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./modules/dedupe/buttons/secondary-button.css",
- "._2gUJA1nJv71y2Pdwgea_NW
-{
- background-color:#555;
- color:white;
+
+/* class="😀 😓" */
+.a.b {
+ color: red;
}
-",
- "",
- ],
- Array [
- "./modules/dedupe/source.css",
- "._20J9N7rmF9MDlW1fCyqEJg
-{
+
+/* class="😀" > class="😓" */
+.a .b {
+ color: red;
}
-.i6SVpQUP5kat3lVfJZKUL
-{
+/* class="😀" */
+.😀 {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-
-exports[`"modules" option should dedupe same modules in one module (issue #1037): warnings 1`] = `Array []`;
-
-exports[`"modules" option should keep order: errors 1`] = `Array []`;
-
-exports[`"modules" option should keep order: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./order-1.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./order-2.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".taF3G8y3UAnqvB5fSLAmQ {\\\\n display: block;\\\\n}\\\\n\\\\n.kwnllpWBslZUOyrU8gnEM {\\\\n display: inline;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"simple\\": \\"taF3G8y3UAnqvB5fSLAmQ \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"order-1\\"] + \\" \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"order-2\\"] + \\" \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"order-1-1\\"] + \\" \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"order-2-2\\"] + \\"\\",
- \\"simple-other\\": \\"kwnllpWBslZUOyrU8gnEM \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"order-1\\"] + \\"\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-exports[`"modules" option should keep order: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/order/order-1.css",
- ".cHTwsuS7DF0hGrENHf7wG {
+/* class="😀 😓" */
+.😀.😓 {
color: red;
}
-._1AgYyBK75qpNfG2lfAnL-3 {
- color: aliceblue;
-}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./modules/order/order-2.css",
- ".ahJ3jQTbr3MI8rE0s5n25 {
- color: blue;
+/* class="😀" > class="😓" */
+.😀 .😓 {
+ color: red;
}
-._3AyoF54A_OYtvKDlU-vBNW {
- color: azure;
+/* class="😀" */
+.\\\\1F600 {
+ color: red;
}
-",
- "",
- ],
- Array [
- "./modules/order/index.css",
- ".taF3G8y3UAnqvB5fSLAmQ {
- display: block;
+
+/* class="😀 😓" */
+.\\\\1F600.\\\\1F613 {
+ color: red;
}
-.kwnllpWBslZUOyrU8gnEM {
- display: inline;
+/* class="😀" > class="😓" */
+.\\\\1F600 .\\\\1F613 {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-exports[`"modules" option should keep order: warnings 1`] = `Array []`;
+/* Local */
-exports[`"modules" option should resolve absolute path in composes: errors 1`] = `Array []`;
+/* class="😀" */
+.😀 {
+ color: red;
+}
-exports[`"modules" option should resolve absolute path in composes: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._2Qa8f_r4FS0cuNEBSCJGHl { color: red; }\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"simple\\": \\"_2Qa8f_r4FS0cuNEBSCJGHl \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"] + \\"\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+/* class="😀 😓" */
+.😀.😀 {
+ color: red;
+}
-exports[`"modules" option should resolve absolute path in composes: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/composes/imported-simple.css",
- "._1LcKtmpK51ikm2OTXu6tSg {
- display: block;
+/* class="😀" > class="😓" */
+.😀 .😀 {
+ color: red;
}
-",
- "",
- ],
- Array [
- "./modules/composes/composes-absolute.css",
- "._2Qa8f_r4FS0cuNEBSCJGHl { color: red; }",
- "",
- ],
-]
-`;
-exports[`"modules" option should resolve absolute path in composes: warnings 1`] = `Array []`;
+.\\\\1F600 .a .\\\\1F600 {
+ color: red;
+}
-exports[`"modules" option should resolve package from node_modules with and without tilde: errors 1`] = `Array []`;
+.😀 .😀 .😀 {
+ color: red;
+}
-exports[`"modules" option should resolve package from node_modules with and without tilde: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!../node_modules/test/index.css\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._1HqHWmuBD5StTBui9tqzRJ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"] + \\";\\\\n background: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"bar\\"] + \\";\\\\n}\\\\n\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"] + \\"\\",
- \\"bar\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"bar\\"] + \\"\\",
- \\"className\\": \\"_1HqHWmuBD5StTBui9tqzRJ\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+div:not(.😀) {
+ color: red;
+}
-exports[`"modules" option should resolve package from node_modules with and without tilde: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/node_modules/test/index.css",
- "
-",
- "",
- ],
- Array [
- "./modules/issue-914/source.css",
- "._1HqHWmuBD5StTBui9tqzRJ {
+.😀 .b {
color: red;
- background: green;
}
-",
- "",
- ],
-]
-`;
+.b .😀 {
+ color: red;
+}
-exports[`"modules" option should resolve package from node_modules with and without tilde: warnings 1`] = `Array []`;
+.\\\\1F613 .😀 {
+ color: red;
+}
-exports[`"modules" option should should work with two leading hyphens: errors 1`] = `Array []`;
+.\\\\1F613 .😀 {
+ color: red;
+}
-exports[`"modules" option should should work with two leading hyphens: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._--test {\\\\n background: red;\\\\n}\\\\n\\\\n._--_test {\\\\n background: blue;\\\\n}\\\\n\\\\n._--className {\\\\n background: red;\\\\n}\\\\n\\\\n#_--someId {\\\\n background: green;\\\\n}\\\\n\\\\n._--className ._--subClass {\\\\n color: green;\\\\n}\\\\n\\\\n#_--someId ._--subClass {\\\\n color: blue;\\\\n}\\\\n\\\\n._---a0-34a___f {\\\\n color: red;\\\\n}\\\\n\\\\n._--m_x_\\\\\\\\@ {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n._--B\\\\\\\\&W\\\\\\\\? {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._--\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n._--\\\\\\\\31 a2b3c {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_--\\\\\\\\#fake-id {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_---a-b-c- {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#_--© {\\\\n color: black;\\\\n}\\\\n\\\\n._--♥ { background: lime; }\\\\n._--© { background: lime; }\\\\n._--“‘’” { background: lime; }\\\\n._--☺☃ { background: lime; }\\\\n._--⌘⌥ { background: lime; }\\\\n._--𝄞♪♩♫♬ { background: lime; }\\\\n._--💩 { background: lime; }\\\\n._--\\\\\\\\? { background: lime; }\\\\n._--\\\\\\\\@ { background: lime; }\\\\n._--\\\\\\\\. { background: lime; }\\\\n._--\\\\\\\\3A \\\\\\\\) { background: lime; }\\\\n._--\\\\\\\\3A \\\\\\\\\`\\\\\\\\( { background: lime; }\\\\n._--\\\\\\\\31 23 { background: lime; }\\\\n._--\\\\\\\\31 a2b3c { background: lime; }\\\\n._--\\\\\\\\
{ background: lime; }\\\\n._--\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\> { background: lime; }\\\\n._--\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\. { background: lime; }\\\\n._--\\\\\\\\# { background: lime; }\\\\n._--\\\\\\\\#\\\\\\\\# { background: lime; }\\\\n._--\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\# { background: lime; }\\\\n._--\\\\\\\\_ { background: lime; }\\\\n._--\\\\\\\\{\\\\\\\\} { background: lime; }\\\\n._--\\\\\\\\#fake\\\\\\\\-id { background: lime; }\\\\n._--foo\\\\\\\\.bar { background: lime; }\\\\n._--\\\\\\\\3A hover { background: lime; }\\\\n._--\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active { background: lime; }\\\\n._--\\\\\\\\[attr\\\\\\\\=value\\\\\\\\] { background: lime; }\\\\n._--f\\\\\\\\/o\\\\\\\\/o { background: lime; }\\\\n._--f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o { background: lime; }\\\\n._--f\\\\\\\\*o\\\\\\\\*o { background: lime; }\\\\n._--f\\\\\\\\!o\\\\\\\\!o { background: lime; }\\\\n._--f\\\\\\\\'o\\\\\\\\'o { background: lime; }\\\\n._--f\\\\\\\\~o\\\\\\\\~o { background: lime; }\\\\n._--f\\\\\\\\+o\\\\\\\\+o { background: lime; }\\\\n\\\\n._--foo\\\\\\\\/bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._--foo\\\\\\\\\\\\\\\\bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._--foo\\\\\\\\/bar\\\\\\\\/baz {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._--foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
+.😀 > .😀 > .😀 {
+ color: red;
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"_--123\\",
- \\"test\\": \\"_--test\\",
- \\"_test\\": \\"_--_test\\",
- \\"className\\": \\"_--className\\",
- \\"someId\\": \\"_--someId\\",
- \\"subClass\\": \\"_--subClass\\",
- \\"-a0-34a___f\\": \\"_---a0-34a___f\\",
- \\"m_x_@\\": \\"_--m_x_@\\",
- \\"B&W?\\": \\"_--B&W?\\",
- \\":\`(\\": \\"_--:\`(\\",
- \\"1a2b3c\\": \\"_--1a2b3c\\",
- \\"#fake-id\\": \\"_--#fake-id\\",
- \\"-a-b-c-\\": \\"_---a-b-c-\\",
- \\"©\\": \\"_--©\\",
- \\"♥\\": \\"_--♥\\",
- \\"“‘’”\\": \\"_--“‘’”\\",
- \\"☺☃\\": \\"_--☺☃\\",
- \\"⌘⌥\\": \\"_--⌘⌥\\",
- \\"𝄞♪♩♫♬\\": \\"_--𝄞♪♩♫♬\\",
- \\"💩\\": \\"_--💩\\",
- \\"?\\": \\"_--?\\",
- \\"@\\": \\"_--@\\",
- \\".\\": \\"_--.\\",
- \\":)\\": \\"_--:)\\",
- \\"\\": \\"_--
\\",
- \\"<><<<>><>\\": \\"_--<><<<>><>\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"_--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\",
- \\"#\\": \\"_--#\\",
- \\"##\\": \\"_--##\\",
- \\"#.#.#\\": \\"_--#.#.#\\",
- \\"_\\": \\"_--_\\",
- \\"{}\\": \\"_--{}\\",
- \\"foo.bar\\": \\"_--foo.bar\\",
- \\":hover\\": \\"_--:hover\\",
- \\":hover:focus:active\\": \\"_--:hover:focus:active\\",
- \\"[attr=value]\\": \\"_--[attr=value]\\",
- \\"f/o/o\\": \\"_--f/o/o\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"_--f\\\\\\\\o\\\\\\\\o\\",
- \\"f*o*o\\": \\"_--f*o*o\\",
- \\"f!o!o\\": \\"_--f!o!o\\",
- \\"f'o'o\\": \\"_--f'o'o\\",
- \\"f~o~o\\": \\"_--f~o~o\\",
- \\"f+o+o\\": \\"_--f+o+o\\",
- \\"foo/bar\\": \\"_--foo/bar\\",
- \\"foo\\\\\\\\bar\\": \\"_--foo\\\\\\\\bar\\",
- \\"foo/bar/baz\\": \\"_--foo/bar/baz\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"_--foo\\\\\\\\bar\\\\\\\\baz\\"
-};
+export var a = \`😀\`;
+export var b = \`😀\`;
+export var c = \`😀\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should should work with two leading hyphens: result 1`] = `
-Array [
- Array [
- "./modules/localIdentName/localIdentName.css",
- "._--test {
- background: red;
+exports[`"modules" option issue #995: result 1`] = `
+[
+ [
+ "./modules/issue-995/issue-995.css",
+ "/* class="😀" */
+.a {
+ color: red;
}
-._--_test {
- background: blue;
+/* class="😀 😓" */
+.a.b {
+ color: red;
}
-._--className {
- background: red;
+/* class="😀" > class="😓" */
+.a .b {
+ color: red;
}
-#_--someId {
- background: green;
+/* class="😀" */
+.😀 {
+ color: red;
}
-._--className ._--subClass {
- color: green;
+/* class="😀 😓" */
+.😀.😓 {
+ color: red;
}
-#_--someId ._--subClass {
- color: blue;
+/* class="😀" > class="😓" */
+.😀 .😓 {
+ color: red;
}
-._---a0-34a___f {
+/* class="😀" */
+.\\1F600 {
color: red;
}
-._--m_x_\\\\@ {
- margin-left: auto !important;
- margin-right: auto !important;
+/* class="😀 😓" */
+.\\1F600.\\1F613 {
+ color: red;
}
-._--B\\\\&W\\\\? {
- margin-left: auto !important;
- margin-right: auto !important;
+/* class="😀" > class="😓" */
+.\\1F600 .\\1F613 {
+ color: red;
}
-/* matches elements with class=\\":\`(\\" */
-._--\\\\3A \\\\\`\\\\( {
- color: aqua;
+/* Local */
+
+/* class="😀" */
+.😀 {
+ color: red;
}
-/* matches elements with class=\\"1a2b3c\\" */
-._--\\\\31 a2b3c {
- color: aliceblue;
+/* class="😀 😓" */
+.😀.😀 {
+ color: red;
}
-/* matches the element with id=\\"#fake-id\\" */
-#_--\\\\#fake-id {
- color: antiquewhite;
+/* class="😀" > class="😓" */
+.😀 .😀 {
+ color: red;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#_---a-b-c- {
- color: azure;
+.\\1F600 .a .\\1F600 {
+ color: red;
}
-/* matches the element with id=\\"©\\" */
-#_--© {
- color: black;
+.😀 .😀 .😀 {
+ color: red;
}
-._--♥ { background: lime; }
-._--© { background: lime; }
-._--“‘’” { background: lime; }
-._--☺☃ { background: lime; }
-._--⌘⌥ { background: lime; }
-._--𝄞♪♩♫♬ { background: lime; }
-._--💩 { background: lime; }
-._--\\\\? { background: lime; }
-._--\\\\@ { background: lime; }
-._--\\\\. { background: lime; }
-._--\\\\3A \\\\) { background: lime; }
-._--\\\\3A \\\\\`\\\\( { background: lime; }
-._--\\\\31 23 { background: lime; }
-._--\\\\31 a2b3c { background: lime; }
-._--\\\\ { background: lime; }
-._--\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
-._--\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
-._--\\\\# { background: lime; }
-._--\\\\#\\\\# { background: lime; }
-._--\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
-._--\\\\_ { background: lime; }
-._--\\\\{\\\\} { background: lime; }
-._--\\\\#fake\\\\-id { background: lime; }
-._--foo\\\\.bar { background: lime; }
-._--\\\\3A hover { background: lime; }
-._--\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
-._--\\\\[attr\\\\=value\\\\] { background: lime; }
-._--f\\\\/o\\\\/o { background: lime; }
-._--f\\\\\\\\o\\\\\\\\o { background: lime; }
-._--f\\\\*o\\\\*o { background: lime; }
-._--f\\\\!o\\\\!o { background: lime; }
-._--f\\\\'o\\\\'o { background: lime; }
-._--f\\\\~o\\\\~o { background: lime; }
-._--f\\\\+o\\\\+o { background: lime; }
+div:not(.😀) {
+ color: red;
+}
-._--foo\\\\/bar {
- background: hotpink;
+.😀 .b {
+ color: red;
}
-._--foo\\\\\\\\bar {
- background: hotpink;
+.b .😀 {
+ color: red;
}
-._--foo\\\\/bar\\\\/baz {
- background: hotpink;
+.\\1F613 .😀 {
+ color: red;
}
-._--foo\\\\\\\\bar\\\\\\\\baz {
- background: hotpink;
+.\\1F613 .😀 {
+ color: red;
+}
+
+.😀 > .😀 > .😀 {
+ color: red;
}
",
"",
@@ -934,271 +775,253 @@ Array [
]
`;
-exports[`"modules" option should should work with two leading hyphens: warnings 1`] = `Array []`;
+exports[`"modules" option issue #995: warnings 1`] = `[]`;
-exports[`"modules" option should should work with two leading underscore: errors 1`] = `Array []`;
+exports[`"modules" option issue #1063 throw error: errors 1`] = `
+[
+ "ModuleError: Module Error (from \`replaced original path\`):
+options.mode must be either "global", "local" or "pure" (default "local")",
+ "ModuleError: Module Error (from \`replaced original path\`):
+options.mode must be either "global", "local" or "pure" (default "local")",
+ "ModuleError: Module Error (from \`replaced original path\`):
+options.mode must be either "global", "local" or "pure" (default "local")",
+]
+`;
-exports[`"modules" option should should work with two leading underscore: module 1`] = `
+exports[`"modules" option issue #1063 throw error: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".__test {\\\\n background: red;\\\\n}\\\\n\\\\n.___test {\\\\n background: blue;\\\\n}\\\\n\\\\n.__className {\\\\n background: red;\\\\n}\\\\n\\\\n#__someId {\\\\n background: green;\\\\n}\\\\n\\\\n.__className .__subClass {\\\\n color: green;\\\\n}\\\\n\\\\n#__someId .__subClass {\\\\n color: blue;\\\\n}\\\\n\\\\n.__-a0-34a___f {\\\\n color: red;\\\\n}\\\\n\\\\n.__m_x_\\\\\\\\@ {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.__B\\\\\\\\&W\\\\\\\\? {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.__\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.__\\\\\\\\31 a2b3c {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#__\\\\\\\\#fake-id {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#__-a-b-c- {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#__© {\\\\n color: black;\\\\n}\\\\n\\\\n.__♥ { background: lime; }\\\\n.__© { background: lime; }\\\\n.__“‘’” { background: lime; }\\\\n.__☺☃ { background: lime; }\\\\n.__⌘⌥ { background: lime; }\\\\n.__𝄞♪♩♫♬ { background: lime; }\\\\n.__💩 { background: lime; }\\\\n.__\\\\\\\\? { background: lime; }\\\\n.__\\\\\\\\@ { background: lime; }\\\\n.__\\\\\\\\. { background: lime; }\\\\n.__\\\\\\\\3A \\\\\\\\) { background: lime; }\\\\n.__\\\\\\\\3A \\\\\\\\\`\\\\\\\\( { background: lime; }\\\\n.__\\\\\\\\31 23 { background: lime; }\\\\n.__\\\\\\\\31 a2b3c { background: lime; }\\\\n.__\\\\\\\\ { background: lime; }\\\\n.__\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\> { background: lime; }\\\\n.__\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\. { background: lime; }\\\\n.__\\\\\\\\# { background: lime; }\\\\n.__\\\\\\\\#\\\\\\\\# { background: lime; }\\\\n.__\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\# { background: lime; }\\\\n.__\\\\\\\\_ { background: lime; }\\\\n.__\\\\\\\\{\\\\\\\\} { background: lime; }\\\\n.__\\\\\\\\#fake\\\\\\\\-id { background: lime; }\\\\n.__foo\\\\\\\\.bar { background: lime; }\\\\n.__\\\\\\\\3A hover { background: lime; }\\\\n.__\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active { background: lime; }\\\\n.__\\\\\\\\[attr\\\\\\\\=value\\\\\\\\] { background: lime; }\\\\n.__f\\\\\\\\/o\\\\\\\\/o { background: lime; }\\\\n.__f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o { background: lime; }\\\\n.__f\\\\\\\\*o\\\\\\\\*o { background: lime; }\\\\n.__f\\\\\\\\!o\\\\\\\\!o { background: lime; }\\\\n.__f\\\\\\\\'o\\\\\\\\'o { background: lime; }\\\\n.__f\\\\\\\\~o\\\\\\\\~o { background: lime; }\\\\n.__f\\\\\\\\+o\\\\\\\\+o { background: lime; }\\\\n\\\\n.__foo\\\\\\\\/bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.__foo\\\\\\\\\\\\\\\\bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.__foo\\\\\\\\/bar\\\\\\\\/baz {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.__foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.classNameLocalFile {
+ color: green;
+}
+
+:global(.otherClassLocalFile) {
+ color: blue;
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"__123\\",
- \\"test\\": \\"__test\\",
- \\"_test\\": \\"___test\\",
- \\"className\\": \\"__className\\",
- \\"someId\\": \\"__someId\\",
- \\"subClass\\": \\"__subClass\\",
- \\"-a0-34a___f\\": \\"__-a0-34a___f\\",
- \\"m_x_@\\": \\"__m_x_@\\",
- \\"B&W?\\": \\"__B&W?\\",
- \\":\`(\\": \\"__:\`(\\",
- \\"1a2b3c\\": \\"__1a2b3c\\",
- \\"#fake-id\\": \\"__#fake-id\\",
- \\"-a-b-c-\\": \\"__-a-b-c-\\",
- \\"©\\": \\"__©\\",
- \\"♥\\": \\"__♥\\",
- \\"“‘’”\\": \\"__“‘’”\\",
- \\"☺☃\\": \\"__☺☃\\",
- \\"⌘⌥\\": \\"__⌘⌥\\",
- \\"𝄞♪♩♫♬\\": \\"__𝄞♪♩♫♬\\",
- \\"💩\\": \\"__💩\\",
- \\"?\\": \\"__?\\",
- \\"@\\": \\"__@\\",
- \\".\\": \\"__.\\",
- \\":)\\": \\"__:)\\",
- \\"\\": \\"__
\\",
- \\"<><<<>><>\\": \\"__<><<<>><>\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\",
- \\"#\\": \\"__#\\",
- \\"##\\": \\"__##\\",
- \\"#.#.#\\": \\"__#.#.#\\",
- \\"_\\": \\"___\\",
- \\"{}\\": \\"__{}\\",
- \\"foo.bar\\": \\"__foo.bar\\",
- \\":hover\\": \\"__:hover\\",
- \\":hover:focus:active\\": \\"__:hover:focus:active\\",
- \\"[attr=value]\\": \\"__[attr=value]\\",
- \\"f/o/o\\": \\"__f/o/o\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"__f\\\\\\\\o\\\\\\\\o\\",
- \\"f*o*o\\": \\"__f*o*o\\",
- \\"f!o!o\\": \\"__f!o!o\\",
- \\"f'o'o\\": \\"__f'o'o\\",
- \\"f~o~o\\": \\"__f~o~o\\",
- \\"f+o+o\\": \\"__f+o+o\\",
- \\"foo/bar\\": \\"__foo/bar\\",
- \\"foo\\\\\\\\bar\\": \\"__foo\\\\\\\\bar\\",
- \\"foo/bar/baz\\": \\"__foo/bar/baz\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"__foo\\\\\\\\bar\\\\\\\\baz\\"
-};
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should should work with two leading underscore: result 1`] = `
-Array [
- Array [
- "./modules/localIdentName/localIdentName.css",
- ".__test {
- background: red;
+exports[`"modules" option issue #1063 throw error: module 2`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.classNameGlobalFile {
+ color: black;
}
-.___test {
- background: blue;
+:local(.otherClassGlobalFile) {
+ color: coral;
}
+\`, ""]);
+// Exports
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-.__className {
- background: red;
+exports[`"modules" option issue #1063 throw error: result 1`] = `
+".classNameLocalFile {
+ color: green;
}
-#__someId {
- background: green;
+:global(.otherClassLocalFile) {
+ color: blue;
}
-
-.__className .__subClass {
- color: green;
+.classNameGlobalFile {
+ color: black;
}
-#__someId .__subClass {
- color: blue;
+:local(.otherClassGlobalFile) {
+ color: coral;
}
-
-.__-a0-34a___f {
+.foo :local(.bar) {
color: red;
}
+"
+`;
-.__m_x_\\\\@ {
- margin-left: auto !important;
- margin-right: auto !important;
-}
+exports[`"modules" option issue #1063 throw error: warnings 1`] = `[]`;
-.__B\\\\&W\\\\? {
- margin-left: auto !important;
- margin-right: auto !important;
-}
+exports[`"modules" option issue #1063: errors 1`] = `[]`;
-/* matches elements with class=\\":\`(\\" */
-.__\\\\3A \\\\\`\\\\( {
- color: aqua;
+exports[`"modules" option issue #1063: module with the \`global\` mode 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.classNameGlobalFile {
+ color: black;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.__\\\\31 a2b3c {
- color: aliceblue;
+.OgdGONvTFtVRlDH24Xxl {
+ color: coral;
}
+\`, ""]);
+// Exports
+export var otherClassGlobalFile = \`OgdGONvTFtVRlDH24Xxl\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-/* matches the element with id=\\"#fake-id\\" */
-#__\\\\#fake-id {
- color: antiquewhite;
+exports[`"modules" option issue #1063: module with the \`local\` mode 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.XQP_Uob2ss9FjIlDgMOk {
+ color: green;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#__-a-b-c- {
- color: azure;
+.otherClassLocalFile {
+ color: blue;
}
+\`, ""]);
+// Exports
+export var classNameLocalFile = \`XQP_Uob2ss9FjIlDgMOk\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-/* matches the element with id=\\"©\\" */
-#__© {
- color: black;
+exports[`"modules" option issue #1063: module with the \`pure\` mode 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.O3Bw7YaDjucmoBcLTWv6 .bsnf8w1D6AQzl0nVBMef {
+ color: red;
}
+\`, ""]);
+// Exports
+export var foo = \`O3Bw7YaDjucmoBcLTWv6\`;
+export var bar = \`bsnf8w1D6AQzl0nVBMef\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-.__♥ { background: lime; }
-.__© { background: lime; }
-.__“‘’” { background: lime; }
-.__☺☃ { background: lime; }
-.__⌘⌥ { background: lime; }
-.__𝄞♪♩♫♬ { background: lime; }
-.__💩 { background: lime; }
-.__\\\\? { background: lime; }
-.__\\\\@ { background: lime; }
-.__\\\\. { background: lime; }
-.__\\\\3A \\\\) { background: lime; }
-.__\\\\3A \\\\\`\\\\( { background: lime; }
-.__\\\\31 23 { background: lime; }
-.__\\\\31 a2b3c { background: lime; }
-.__\\\\ { background: lime; }
-.__\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
-.__\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
-.__\\\\# { background: lime; }
-.__\\\\#\\\\# { background: lime; }
-.__\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
-.__\\\\_ { background: lime; }
-.__\\\\{\\\\} { background: lime; }
-.__\\\\#fake\\\\-id { background: lime; }
-.__foo\\\\.bar { background: lime; }
-.__\\\\3A hover { background: lime; }
-.__\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
-.__\\\\[attr\\\\=value\\\\] { background: lime; }
-.__f\\\\/o\\\\/o { background: lime; }
-.__f\\\\\\\\o\\\\\\\\o { background: lime; }
-.__f\\\\*o\\\\*o { background: lime; }
-.__f\\\\!o\\\\!o { background: lime; }
-.__f\\\\'o\\\\'o { background: lime; }
-.__f\\\\~o\\\\~o { background: lime; }
-.__f\\\\+o\\\\+o { background: lime; }
-
-.__foo\\\\/bar {
- background: hotpink;
+exports[`"modules" option issue #1063: result 1`] = `
+".XQP_Uob2ss9FjIlDgMOk {
+ color: green;
}
-.__foo\\\\\\\\bar {
- background: hotpink;
+.otherClassLocalFile {
+ color: blue;
}
-
-.__foo\\\\/bar\\\\/baz {
- background: hotpink;
+.classNameGlobalFile {
+ color: black;
}
-.__foo\\\\\\\\bar\\\\\\\\baz {
- background: hotpink;
+.OgdGONvTFtVRlDH24Xxl {
+ color: coral;
}
-",
- "",
- ],
-]
+.O3Bw7YaDjucmoBcLTWv6 .bsnf8w1D6AQzl0nVBMef {
+ color: red;
+}
+"
`;
-exports[`"modules" option should should work with two leading underscore: warnings 1`] = `Array []`;
+exports[`"modules" option issue #1063: warnings 1`] = `[]`;
-exports[`"modules" option should support resolving in composes preprocessor files with extensions: errors 1`] = `Array []`;
+exports[`"modules" option issue #1191 - fallback to default getLocalIdent: errors 1`] = `[]`;
-exports[`"modules" option should support resolving in composes preprocessor files with extensions: module 1`] = `
+exports[`"modules" option issue #1191 - fallback to default getLocalIdent: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./values.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./less-file.less\\";
-import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??[ident]!./scss-file.scss\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_2___, \\"\\", true);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".globalClassName {\\\\n color: orange;\\\\n}\\\\n\\\\n._2d7R2XcZsl6OcUNKfX7pmx {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._31rsAVggND7BS1fjrxMLrr {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-foo\\"] + \\";\\\\n}\\\\n\\\\n.dfrcIRfvBBvQ_nBbSyURY {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"v-bar\\"] + \\";\\\\n}\\\\n\\\\n.GL-qbZRhX1_a4FD6-aplW {\\\\n background: #000;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.some-class {
+ color: red;
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\",
- \\"v-foo\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-foo\\"] + \\"\\",
- \\"v-bar\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"v-bar\\"] + \\"\\",
- \\"globalClassName\\": \\"globalClassName\\",
- \\"ghi\\": \\"_2d7R2XcZsl6OcUNKfX7pmx\\",
- \\"class\\": \\"_31rsAVggND7BS1fjrxMLrr \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"lessClass\\"] + \\"\\",
- \\"other\\": \\"dfrcIRfvBBvQ_nBbSyURY \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"scssClass\\"] + \\"\\",
- \\"otherClassName\\": \\"GL-qbZRhX1_a4FD6-aplW globalClassName\\"
-};
+var _1 = \`some-class\`;
+export { _1 as "some-class" };
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should support resolving in composes preprocessor files with extensions: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/composes/values.css",
- "
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./modules/composes/less-file.less",
- ".AU34OOlIeGkUgT2KVHTK_ {
- padding: 5px;
+exports[`"modules" option issue #1191 - fallback to default getLocalIdent: result 1`] = `
+{
+ "css1": [
+ [
+ "./modules/issue-1191/issue-1191.css",
+ ".some-class {
+ color: red;
}
",
- "",
+ "",
+ ],
],
- Array [
- "../../src/index.js?[ident]!./modules/composes/scss-file.scss",
- "$color: red;
-
-._14lUoCryZnM4Rrkm49iWuC {
- color: $color;
- padding: 15px;
+ "css2": [
+ [
+ "./modules/issue-1191/issue-1191-custom.css",
+ ".custom-some-class {
+ color: red;
}
",
- "",
+ "",
+ ],
],
- Array [
- "./modules/composes/composes-preprocessors.css",
- ".globalClassName {
- color: orange;
}
+`;
+
+exports[`"modules" option issue #1191 - fallback to default getLocalIdent: warnings 1`] = `[]`;
-._2d7R2XcZsl6OcUNKfX7pmx {
+exports[`"modules" option should avoid unnecessary "require": errors 1`] = `[]`;
+
+exports[`"modules" option should avoid unnecessary "require": module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported-simple.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.Ps8VWEq9D6yYDbYD8Z74 {
color: red;
}
-._31rsAVggND7BS1fjrxMLrr {
- color: green;
+.RoQqX1UKTeWtDXMISYk9 {
+ color: red;
}
+\`, ""]);
+// Exports
+var _1 = \`Ps8VWEq9D6yYDbYD8Z74 \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["imported-simple"]}\`;
+export { _1 as "simple-foo" };
+var _2 = \`RoQqX1UKTeWtDXMISYk9 \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["imported-simple"]}\`;
+export { _2 as "simple-bar" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-.dfrcIRfvBBvQ_nBbSyURY {
- color: white;
+exports[`"modules" option should avoid unnecessary "require": result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/imported-simple.css",
+ ".pCAAqHK9Lcplw9QM7Rj0 {
+ display: block;
+}
+",
+ "",
+ ],
+ [
+ "./modules/composes/composes-duplicate.css",
+ ".Ps8VWEq9D6yYDbYD8Z74 {
+ color: red;
}
-.GL-qbZRhX1_a4FD6-aplW {
- background: #000;
+.RoQqX1UKTeWtDXMISYk9 {
+ color: red;
}
",
"",
@@ -1206,280 +1029,287 @@ Array [
]
`;
-exports[`"modules" option should support resolving in composes preprocessor files with extensions: warnings 1`] = `Array []`;
+exports[`"modules" option should avoid unnecessary "require": warnings 1`] = `[]`;
-exports[`"modules" option should support resolving in composes: errors 1`] = `Array []`;
+exports[`"modules" option should dedupe same modules in one module (issue #1037): errors 1`] = `[]`;
-exports[`"modules" option should support resolving in composes: module 1`] = `
+exports[`"modules" option should dedupe same modules in one module (issue #1037): module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./values.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./something.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_3___ from \\"-!../../../../src/index.js??[ident]!./relative.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_4___ from \\"-!../../../../src/index.js??[ident]!./top-relative.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_5___ from \\"-!../../../../src/index.js??[ident]!../issue-861/node_modules/package/style.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_6___ from \\"-!../../../../src/index.js??[ident]!./alias.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_7___ from \\"-!../../../../src/index.js??[ident]!./scss-file.scss\\";
-import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./test-other.css\\";
-import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../../src/runtime/getUrl.js\\";
-import ___CSS_LOADER_URL_IMPORT_0___ from \\"../../url/img.png\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"(min-width: 100px)\\");
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_2___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_3___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_4___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_5___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_6___, \\"\\", true);
-___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_7___, \\"\\", true);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./buttons/primary-button.css";
+import ___CSS_LOADER_ICSS_IMPORT_1___, * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./buttons/secondary-button.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, "", true);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._2ZmR2b3YBVn0i8sme-abcC {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3dxIylSbTBEe450DFBxy5D {\\\\n color: blue;\\\\n}\\\\n\\\\n.EcQSwQce4PuQ5vNAybT9N {\\\\n display: block;\\\\n}\\\\n\\\\n.hTH4alr_d-S0jPncN6ib3 {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n._7sobwviowI6_CZkzLjYZG {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.YpDepip9R1BGGAy-rGgvc {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._3dfrN27nghAjb3tcT6R_Ov {\\\\n color: red;\\\\n}\\\\n\\\\n._3aPunKIij5oyAtcB6y9-Xm {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3Qp0o615k38gm2l4OVRknw {\\\\n color: gray;\\\\n}\\\\n\\\\n._2Zsff12VKF2NbAGVE1sdzC {\\\\n color: gray;\\\\n}\\\\n\\\\n._3itMfHbLQSSkBisENyA8TF {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._2ChGydqcGYRLzAo3_Iomr2 {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ai7yu9kkZ_8JwK0EMbe6U {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.OX01CBO1Ma7xJh6yAybXq {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2Yk-wvfy8t_ESEwwB1Fc0y {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2Yk-wvfy8t_ESEwwB1Fc0y {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._2PhbElc8FsODw7KMuxWJyk {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._1qvhWcgsRpzv9-_jaooxI0 {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n._1-QX-dLNLF1zFn-cPfLHcH {\\\\n background: red;\\\\n}\\\\n\\", \\"\\"]);
+___CSS_LOADER_EXPORT___.push([module.id, \`.cxBUjVsu_UGx0Xg0ywCw
+{
+}
+
+.mKgsL_hCxK21zxRDQMbn
+{
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\",
- \\"v-other\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\"\\",
- \\"s-white\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\"\\",
- \\"m-small\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\"\\",
- \\"v-something\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\"\\",
- \\"v-foo\\": \\"blue\\",
- \\"v-bar\\": \\"block\\",
- \\"v-primary\\": \\"#BF4040\\",
- \\"s-black\\": \\"black-selector\\",
- \\"m-large\\": \\"(min-width: 960px)\\",
- \\"v-ident\\": \\"validIdent\\",
- \\"v-pre-defined-ident\\": \\"left\\",
- \\"v-string\\": \\"'content'\\",
- \\"v-string-1\\": \\"''\\",
- \\"v-url\\": \\"url(https://www.exammple.com/images/my-background.png)\\",
- \\"v-url-1\\": \\"url('https://www.exammple.com/images/my-background.png')\\",
- \\"v-url-2\\": \\"url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\")\\",
- \\"v-integer\\": \\"100\\",
- \\"v-integer-1\\": \\"-100\\",
- \\"v-integer-2\\": \\"+100\\",
- \\"v-number\\": \\".60\\",
- \\"v-number-1\\": \\"-456.8\\",
- \\"v-number-2\\": \\"-3.4e-2\\",
- \\"v-dimension\\": \\"12px\\",
- \\"v-percentage\\": \\"100%\\",
- \\"v-hex\\": \\"#fff\\",
- \\"v-function\\": \\"rgb(0,0,0)\\",
- \\"v-unicode-range\\": \\"U+0025-00FF\\",
- \\"ghi\\": \\"_2ZmR2b3YBVn0i8sme-abcC\\",
- \\"class\\": \\"_3dxIylSbTBEe450DFBxy5D\\",
- \\"other\\": \\"EcQSwQce4PuQ5vNAybT9N\\",
- \\"other-other\\": \\"hTH4alr_d-S0jPncN6ib3\\",
- \\"green\\": \\"_7sobwviowI6_CZkzLjYZG\\",
- \\"foo\\": \\"YpDepip9R1BGGAy-rGgvc\\",
- \\"simple\\": \\"_3dfrN27nghAjb3tcT6R_Ov \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"imported-simple\\"] + \\"\\",
- \\"relative\\": \\"_3aPunKIij5oyAtcB6y9-Xm \\" + ___CSS_LOADER_ICSS_IMPORT_3___.locals[\\"imported-relative\\"] + \\"\\",
- \\"top-relative\\": \\"_3Qp0o615k38gm2l4OVRknw \\" + ___CSS_LOADER_ICSS_IMPORT_4___.locals[\\"imported-relative\\"] + \\"\\",
- \\"module\\": \\"_2Zsff12VKF2NbAGVE1sdzC \\" + ___CSS_LOADER_ICSS_IMPORT_5___.locals[\\"imported-module\\"] + \\"\\",
- \\"alias\\": \\"_3itMfHbLQSSkBisENyA8TF \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
- \\"alias-duplicate\\": \\"_2ChGydqcGYRLzAo3_Iomr2 \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
- \\"primary-selector\\": \\"_1ai7yu9kkZ_8JwK0EMbe6U\\",
- \\"black-selector\\": \\"OX01CBO1Ma7xJh6yAybXq\\",
- \\"header\\": \\"_2Yk-wvfy8t_ESEwwB1Fc0y\\",
- \\"foobarbaz\\": \\"_2PhbElc8FsODw7KMuxWJyk\\",
- \\"url\\": \\"_1qvhWcgsRpzv9-_jaooxI0\\",
- \\"main\\": \\"_1-QX-dLNLF1zFn-cPfLHcH \\" + ___CSS_LOADER_ICSS_IMPORT_7___.locals[\\"scssClass\\"] + \\"\\"
-};
+export var nextButton = \`cxBUjVsu_UGx0Xg0ywCw \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["primaryButton"]}\`;
+export var backButton = \`mKgsL_hCxK21zxRDQMbn \${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["secondaryButton"]}\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should support resolving in composes: result 1`] = `
-Array [
- Array [
- "../../src/index.js?[ident]!./modules/composes/test-other.css",
- "._24axXNO_oC23T0D0YAz-0Y {
- d: d;
+exports[`"modules" option should dedupe same modules in one module (issue #1037): result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/dedupe/buttons/button.css",
+ ".ETyYv0AQ15QGLXaOjUIU
+{
+ border:none;
+ padding:7px 15px;
+ cursor:pointer;
}
-",
- "(min-width: 100px)",
- ],
- Array [
- "../../src/index.js?[ident]!./modules/composes/values.css",
- "
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./modules/composes/something.css",
- "
",
"",
],
- Array [
- "../../src/index.js?[ident]!./modules/composes/imported-simple.css",
- "._1LcKtmpK51ikm2OTXu6tSg {
- display: block;
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/dedupe/buttons/primary-button.css",
+ ".T3rsQRYGiFPb789T3nPW
+{
+ background-color:blue;
+ color:white;
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./modules/composes/relative.css",
- "._1bYd-W6Pwrt_8yXpE4FBEu {
- display: inline;
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/dedupe/buttons/secondary-button.css",
+ "._BsvPO61W5jn4UqX0Jck
+{
+ background-color:#555;
+ color:white;
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./modules/composes/top-relative.css",
- "._2RvZm_IQCQC3YXopKglSUM {
- display: flex;
+ [
+ "./modules/dedupe/source.css",
+ ".cxBUjVsu_UGx0Xg0ywCw
+{
}
-",
- "",
- ],
- Array [
- "../../src/index.js?[ident]!./modules/issue-861/node_modules/package/style.css",
- "._2212NWEpBgAjfmZAD6jJwU {
- display: inline-block;
+
+.mKgsL_hCxK21zxRDQMbn
+{
}
",
"",
],
- Array [
- "../../src/index.js?[ident]!./modules/composes/alias.css",
- ".gASNE59vLxrkyu1XPoUrX {
- display: table;
-}
-",
- "",
+]
+`;
+
+exports[`"modules" option should dedupe same modules in one module (issue #1037): warnings 1`] = `[]`;
+
+exports[`"modules" option should emit warning when localIdentName is emoji: errors 1`] = `[]`;
+
+exports[`"modules" option should emit warning when localIdentName is emoji: warnings 1`] = `[]`;
+
+exports[`"modules" option should invoke the custom getJSON function if provided: args 1`] = `
+[
+ [
+ {
+ "exports": [
+ {
+ "name": "a",
+ "value": "RT7ktT7mB7tfBR25sJDZ ___CSS_LOADER_ICSS_IMPORT_0_REPLACEMENT_0___",
+ },
+ {
+ "name": "b",
+ "value": "IZmhTnK9CIeu6ww6Zjbv ___CSS_LOADER_ICSS_IMPORT_0_REPLACEMENT_1___",
+ },
+ ],
+ "imports": [
+ {
+ "importName": "___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___",
+ "url": ""../../../../src/runtime/noSourceMaps.js"",
+ },
+ {
+ "importName": "___CSS_LOADER_API_IMPORT___",
+ "type": "api_import",
+ "url": ""../../../../src/runtime/api.js"",
+ },
+ {
+ "icss": true,
+ "importName": "___CSS_LOADER_ICSS_IMPORT_0___",
+ "index": 0,
+ "type": "icss_import",
+ "url": ""-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./composeSource.css"",
+ },
+ ],
+ "replacements": [
+ {
+ "importName": "___CSS_LOADER_ICSS_IMPORT_0___",
+ "localName": "composedA",
+ "replacementName": "___CSS_LOADER_ICSS_IMPORT_0_REPLACEMENT_0___",
+ },
+ {
+ "importName": "___CSS_LOADER_ICSS_IMPORT_0___",
+ "localName": "composedB",
+ "replacementName": "___CSS_LOADER_ICSS_IMPORT_0_REPLACEMENT_1___",
+ },
+ ],
+ "resourcePath": "/test/fixtures/modules/getJSON/source.css",
+ },
],
- Array [
- "../../src/index.js?[ident]!./modules/composes/scss-file.scss",
- "._14lUoCryZnM4Rrkm49iWuC {
- color: red;
- padding: 15px;
-}",
- "",
+ [
+ {
+ "exports": [
+ {
+ "name": "composedA",
+ "value": "mm3SuQiO3doywWWliORs",
+ },
+ {
+ "name": "composedB",
+ "value": "hFeFcgvjCoj_9RRA4E59 mm3SuQiO3doywWWliORs",
+ },
+ ],
+ "imports": [
+ {
+ "importName": "___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___",
+ "url": ""../../../../src/runtime/noSourceMaps.js"",
+ },
+ {
+ "importName": "___CSS_LOADER_API_IMPORT___",
+ "type": "api_import",
+ "url": ""../../../../src/runtime/api.js"",
+ },
+ ],
+ "replacements": [],
+ "resourcePath": "/test/fixtures/modules/getJSON/composeSource.css",
+ },
],
- Array [
- "./modules/composes/composes.css",
- "._2ZmR2b3YBVn0i8sme-abcC {
- color: red;
-}
+]
+`;
-._3dxIylSbTBEe450DFBxy5D {
- color: blue;
-}
+exports[`"modules" option should invoke the custom getJSON function if provided: errors 1`] = `[]`;
-.EcQSwQce4PuQ5vNAybT9N {
- display: block;
-}
+exports[`"modules" option should invoke the custom getJSON function if provided: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./composeSource.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.RT7ktT7mB7tfBR25sJDZ {
-.hTH4alr_d-S0jPncN6ib3 {
- width: 2112moon;
+ background-color: aliceblue;
}
-._7sobwviowI6_CZkzLjYZG {
- color: green;
-}
+.IZmhTnK9CIeu6ww6Zjbv {
-.YpDepip9R1BGGAy-rGgvc {
- prop: red;
- duplicate: green;
+ background-color: blanchedalmond;
}
+\`, ""]);
+// Exports
+export var a = \`RT7ktT7mB7tfBR25sJDZ \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["composedA"]}\`;
+export var b = \`IZmhTnK9CIeu6ww6Zjbv \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["composedB"]}\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-._3dfrN27nghAjb3tcT6R_Ov {
- color: red;
+exports[`"modules" option should invoke the custom getJSON function if provided: result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/getJSON/composeSource.css",
+ ".mm3SuQiO3doywWWliORs {
+ height: 200px;
}
-._3aPunKIij5oyAtcB6y9-Xm {
- color: yellow;
+.hFeFcgvjCoj_9RRA4E59 {
}
+",
+ "",
+ ],
+ [
+ "./modules/getJSON/source.css",
+ ".RT7ktT7mB7tfBR25sJDZ {
-._3Qp0o615k38gm2l4OVRknw {
- color: gray;
+ background-color: aliceblue;
}
-._2Zsff12VKF2NbAGVE1sdzC {
- color: gray;
-}
+.IZmhTnK9CIeu6ww6Zjbv {
-._3itMfHbLQSSkBisENyA8TF {
- color: gainsboro;
+ background-color: blanchedalmond;
}
+",
+ "",
+ ],
+]
+`;
-._2ChGydqcGYRLzAo3_Iomr2 {
- color: gainsboro;
-}
+exports[`"modules" option should invoke the custom getJSON function if provided: warnings 1`] = `[]`;
-._1ai7yu9kkZ_8JwK0EMbe6U {
- color: #BF4040;
-}
-
-.OX01CBO1Ma7xJh6yAybXq {
- color: black;
-}
-
-@media (min-width: 960px) {
- ._2Yk-wvfy8t_ESEwwB1Fc0y {
- padding: 0 20px;
- }
-}
+exports[`"modules" option should keep order: errors 1`] = `[]`;
-.white {
- color: white;
+exports[`"modules" option should keep order: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./order-1.css";
+import ___CSS_LOADER_ICSS_IMPORT_1___, * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./order-2.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, "", true);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.Q9ZbfN73CE9nTzgsOKaJ {
+ display: block;
}
-@media (min-width: 320px) {
- ._2Yk-wvfy8t_ESEwwB1Fc0y {
- padding: 20px 20px;
- }
+.BRalxsptB32EbO5CVyzm {
+ display: inline;
}
-@value v-comment: /* comment */;
+\`, ""]);
+// Exports
+export var simple = \`Q9ZbfN73CE9nTzgsOKaJ \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["order-1"]} \${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["order-2"]} \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["order-1-1"]} \${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["order-2-2"]}\`;
+var _1 = \`BRalxsptB32EbO5CVyzm \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["order-1"]}\`;
+export { _1 as "simple-other" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-._2PhbElc8FsODw7KMuxWJyk {
- v-ident: validIdent;
- v-pre-defined-ident: left;
- v-string: 'content';
- v-string-1: '';
- v-url: url(https://www.exammple.com/images/my-background.png);
- v-url-1: url('https://www.exammple.com/images/my-background.png');
- v-url-2: url(\\"https://www.exammple.com/images/my-background.png\\");
- v-integer: 100;
- v-integer-1: -100;
- v-integer-2: +100;
- v-number: .60;
- v-number-1: -456.8;
- v-number-2: -3.4e-2;
- v-dimension: 12px;
- v-percentage: 100%;
- v-hex: #fff;
- v-comment: v-comment 10px v-comment;
- v-function: rgb(0,0,0);
- v-unicode-range: U+0025-00FF;
- mutliple: #fff .60 100%;
+exports[`"modules" option should keep order: result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/order/order-1.css",
+ ".f6n4s_1IY8eI9OLwFkLZ {
+ color: red;
}
-
-a {
- content: 'content';
+.xIASfsMafltm9AZOHmbo {
+ color: aliceblue;
}
-
-@supports (content: 'content') {
- a {
- content: 'content';
- }
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/order/order-2.css",
+ ".EPgSMUSXLA4RUVdEmb8f {
+ color: blue;
}
-[class~='content'] {
- color:green;
+.WSVzOOOUl82t8IEBx9dS {
+ color: azure;
}
-
-._1qvhWcgsRpzv9-_jaooxI0 {
- background: url(/webpack/public/path/img.png);
+",
+ "",
+ ],
+ [
+ "./modules/order/index.css",
+ ".Q9ZbfN73CE9nTzgsOKaJ {
+ display: block;
}
-._1-QX-dLNLF1zFn-cPfLHcH {
- background: red;
+.BRalxsptB32EbO5CVyzm {
+ display: inline;
}
",
"",
@@ -1487,408 +1317,426 @@ a {
]
`;
-exports[`"modules" option should support resolving in composes: warnings 1`] = `Array []`;
+exports[`"modules" option should keep order: warnings 1`] = `[]`;
-exports[`"modules" option should throw an error on unresolved import: errors 1`] = `
-Array [
- "ModuleBuildError: Module build failed (from \`replaced original path\`):
-Error: Can't resolve './unresolved.css' in '/test/fixtures/modules/unresolved'",
-]
-`;
+exports[`"modules" option should resolve absolute path in composes: errors 1`] = `[]`;
-exports[`"modules" option should throw an error on unresolved import: warnings 1`] = `Array []`;
+exports[`"modules" option should resolve absolute path in composes: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported-simple.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.kyvwkn92Lnd2EucgzJse { color: red; }\`, ""]);
+// Exports
+export var simple = \`kyvwkn92Lnd2EucgzJse \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["imported-simple"]}\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
-exports[`"modules" option should throw an error when class has unsupported name (JavaScript reserved words): errors 1`] = `
-Array [
- "ModuleParseError: Module parse failed: Unexpected keyword 'class' (7:13)
-File was processed with these loaders:",
+exports[`"modules" option should resolve absolute path in composes: result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/imported-simple.css",
+ ".pCAAqHK9Lcplw9QM7Rj0 {
+ display: block;
+}
+",
+ "",
+ ],
+ [
+ "./modules/composes/composes-absolute.css",
+ ".kyvwkn92Lnd2EucgzJse { color: red; }",
+ "",
+ ],
]
`;
-exports[`"modules" option should throw an error when class has unsupported name (JavaScript reserved words): warnings 1`] = `Array []`;
+exports[`"modules" option should resolve absolute path in composes: warnings 1`] = `[]`;
-exports[`"modules" option should throw an error when the "namedExport" is enabled and the "exportLocalsConvention" options has not "camelCaseOnly" value: errors 1`] = `
-Array [
- "ModuleBuildError: Module build failed (from \`replaced original path\`):
-Error: The \\"modules.namedExport\\" option requires the \\"modules.exportLocalsConvention\\" option to be \\"camelCaseOnly\\"",
-]
+exports[`"modules" option should resolve package from node_modules with and without tilde: errors 1`] = `[]`;
+
+exports[`"modules" option should resolve package from node_modules with and without tilde: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!../node_modules/test/index.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.dplP4w4XMPrlPI5jKzht {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["foo"] };
+ background: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["bar"] };
+}
+
+\`, ""]);
+// Exports
+export var foo = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["foo"]}\`;
+export var bar = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["bar"]}\`;
+export var className = \`dplP4w4XMPrlPI5jKzht\`;
+export default ___CSS_LOADER_EXPORT___;
+"
`;
-exports[`"modules" option should throw an error when the "namedExport" is enabled and the "exportLocalsConvention" options has not "camelCaseOnly" value: warnings 1`] = `Array []`;
+exports[`"modules" option should resolve package from node_modules with and without tilde: result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/node_modules/test/index.css",
+ "
+",
+ "",
+ ],
+ [
+ "./modules/issue-914/source.css",
+ ".dplP4w4XMPrlPI5jKzht {
+ color: red;
+ background: green;
+}
-exports[`"modules" option should throw an error when the "namedExport" option is "true", but the "esModule" is "false": errors 1`] = `
-Array [
- "ModuleBuildError: Module build failed (from \`replaced original path\`):
-Error: The \\"modules.namedExport\\" option requires the \\"esModules\\" option to be enabled",
+",
+ "",
+ ],
]
`;
-exports[`"modules" option should throw an error when the "namedExport" option is "true", but the "esModule" is "false": warnings 1`] = `Array []`;
+exports[`"modules" option should resolve package from node_modules with and without tilde: warnings 1`] = `[]`;
-exports[`"modules" option should work and correctly replace escaped symbols: errors 1`] = `Array []`;
+exports[`"modules" option should should work with two leading hyphens: errors 1`] = `[]`;
-exports[`"modules" option should work and correctly replace escaped symbols: module 1`] = `
+exports[`"modules" option should should work with two leading hyphens: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".test--2Ojp {\\\\n background: red;\\\\n}\\\\n\\\\n._test--2pZu {\\\\n background: blue;\\\\n}\\\\n\\\\n.className--2ame {\\\\n background: red;\\\\n}\\\\n\\\\n#someId--2SKU {\\\\n background: green;\\\\n}\\\\n\\\\n.className--2ame .subClass--2IUT {\\\\n color: green;\\\\n}\\\\n\\\\n#someId--2SKU .subClass--2IUT {\\\\n color: blue;\\\\n}\\\\n\\\\n.-a0-34a___f--10bK {\\\\n color: red;\\\\n}\\\\n\\\\n.m_x_\\\\\\\\@--25pk {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.B\\\\\\\\&W\\\\\\\\?--2aTc {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--3cIU {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.\\\\\\\\31 a2b3c--3Llv {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#\\\\\\\\#fake-id--2yX_ {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#-a-b-c---3S11 {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#©--3eZ3 {\\\\n color: black;\\\\n}\\\\n\\\\n.♥--TxKD { background: lime; }\\\\n.©--3eZ3 { background: lime; }\\\\n.“‘’”--f6cc { background: lime; }\\\\n.☺☃--2c3D { background: lime; }\\\\n.⌘⌥--3J3I { background: lime; }\\\\n.𝄞♪♩♫♬--sMom { background: lime; }\\\\n.💩--Q31q { background: lime; }\\\\n.\\\\\\\\?--3mhI { background: lime; }\\\\n.\\\\\\\\@--1f2I { background: lime; }\\\\n.\\\\\\\\.--3OGC { background: lime; }\\\\n.\\\\\\\\3A \\\\\\\\)--396- { background: lime; }\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--3cIU { background: lime; }\\\\n.\\\\\\\\31 23--3QaX { background: lime; }\\\\n.\\\\\\\\31 a2b3c--3Llv { background: lime; }\\\\n.\\\\\\\\--2iQr { background: lime; }\\\\n.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--wY_8 { background: lime; }\\\\n.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--2fRy { background: lime; }\\\\n.\\\\\\\\#--g8wr { background: lime; }\\\\n.\\\\\\\\#\\\\\\\\#--1Tef { background: lime; }\\\\n.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--3JZu { background: lime; }\\\\n.\\\\\\\\_--2Wg2 { background: lime; }\\\\n.\\\\\\\\{\\\\\\\\}--3Y7c { background: lime; }\\\\n.\\\\\\\\#fake\\\\\\\\-id--2yX_ { background: lime; }\\\\n.foo\\\\\\\\.bar--2UOh { background: lime; }\\\\n.\\\\\\\\3A hover--1pVo { background: lime; }\\\\n.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--3hSa { background: lime; }\\\\n.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--1LDK { background: lime; }\\\\n.f\\\\\\\\/o\\\\\\\\/o--22wO { background: lime; }\\\\n.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--17p- { background: lime; }\\\\n.f\\\\\\\\*o\\\\\\\\*o--329E { background: lime; }\\\\n.f\\\\\\\\!o\\\\\\\\!o--1JV- { background: lime; }\\\\n.f\\\\\\\\'o\\\\\\\\'o--g73D { background: lime; }\\\\n.f\\\\\\\\~o\\\\\\\\~o--3JcD { background: lime; }\\\\n.f\\\\\\\\+o\\\\\\\\+o--2gIh { background: lime; }\\\\n\\\\n.foo\\\\\\\\/bar--2M1f {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\\\\\\\\\bar--3y6A {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\/bar\\\\\\\\/baz--Zmhg {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--3Jov {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"123--3QaX\\",
- \\"test\\": \\"test--2Ojp\\",
- \\"_test\\": \\"_test--2pZu\\",
- \\"className\\": \\"className--2ame\\",
- \\"someId\\": \\"someId--2SKU\\",
- \\"subClass\\": \\"subClass--2IUT\\",
- \\"-a0-34a___f\\": \\"-a0-34a___f--10bK\\",
- \\"m_x_@\\": \\"m_x_@--25pk\\",
- \\"B&W?\\": \\"B&W?--2aTc\\",
- \\":\`(\\": \\":\`(--3cIU\\",
- \\"1a2b3c\\": \\"1a2b3c--3Llv\\",
- \\"#fake-id\\": \\"#fake-id--2yX_\\",
- \\"-a-b-c-\\": \\"-a-b-c---3S11\\",
- \\"©\\": \\"©--3eZ3\\",
- \\"♥\\": \\"♥--TxKD\\",
- \\"“‘’”\\": \\"“‘’”--f6cc\\",
- \\"☺☃\\": \\"☺☃--2c3D\\",
- \\"⌘⌥\\": \\"⌘⌥--3J3I\\",
- \\"𝄞♪♩♫♬\\": \\"𝄞♪♩♫♬--sMom\\",
- \\"💩\\": \\"💩--Q31q\\",
- \\"?\\": \\"?--3mhI\\",
- \\"@\\": \\"@--1f2I\\",
- \\".\\": \\".--3OGC\\",
- \\":)\\": \\":)--396-\\",
- \\"\\": \\"
--2iQr\\",
- \\"<><<<>><>\\": \\"<><<<>><>--wY_8\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--2fRy\\",
- \\"#\\": \\"#--g8wr\\",
- \\"##\\": \\"##--1Tef\\",
- \\"#.#.#\\": \\"#.#.#--3JZu\\",
- \\"_\\": \\"_--2Wg2\\",
- \\"{}\\": \\"{}--3Y7c\\",
- \\"foo.bar\\": \\"foo.bar--2UOh\\",
- \\":hover\\": \\":hover--1pVo\\",
- \\":hover:focus:active\\": \\":hover:focus:active--3hSa\\",
- \\"[attr=value]\\": \\"[attr=value]--1LDK\\",
- \\"f/o/o\\": \\"f/o/o--22wO\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"f\\\\\\\\o\\\\\\\\o--17p-\\",
- \\"f*o*o\\": \\"f*o*o--329E\\",
- \\"f!o!o\\": \\"f!o!o--1JV-\\",
- \\"f'o'o\\": \\"f'o'o--g73D\\",
- \\"f~o~o\\": \\"f~o~o--3JcD\\",
- \\"f+o+o\\": \\"f+o+o--2gIh\\",
- \\"foo/bar\\": \\"foo/bar--2M1f\\",
- \\"foo\\\\\\\\bar\\": \\"foo\\\\\\\\bar--3y6A\\",
- \\"foo/bar/baz\\": \\"foo/bar/baz--Zmhg\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"foo\\\\\\\\bar\\\\\\\\baz--3Jov\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"modules" option should work and correctly replace escaped symbols: result 1`] = `
-Array [
- Array [
- "./modules/localIdentName/localIdentName.css",
- ".test--2Ojp {
+___CSS_LOADER_EXPORT___.push([module.id, \`._--test {
background: red;
}
-._test--2pZu {
+._--_test {
background: blue;
}
-.className--2ame {
+._--className {
background: red;
}
-#someId--2SKU {
+#_--someId {
background: green;
}
-.className--2ame .subClass--2IUT {
+._--className ._--subClass {
color: green;
}
-#someId--2SKU .subClass--2IUT {
+#_--someId ._--subClass {
color: blue;
}
-.-a0-34a___f--10bK {
+._---a0-34a___f {
color: red;
}
-.m_x_\\\\@--25pk {
+._--m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
-.B\\\\&W\\\\?--2aTc {
+._--B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
-/* matches elements with class=\\":\`(\\" */
-.\\\\3A \\\\\`\\\\(--3cIU {
+/* matches elements with class=":\\\`(" */
+._--\\\\3A \\\\\\\`\\\\( {
color: aqua;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.\\\\31 a2b3c--3Llv {
+/* matches elements with class="1a2b3c" */
+._--\\\\31 a2b3c {
color: aliceblue;
}
-/* matches the element with id=\\"#fake-id\\" */
-#\\\\#fake-id--2yX_ {
+/* matches the element with id="#fake-id" */
+#_--\\\\#fake-id {
color: antiquewhite;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#-a-b-c---3S11 {
+/* matches the element with id="-a-b-c-" */
+#_---a-b-c- {
color: azure;
}
-/* matches the element with id=\\"©\\" */
-#©--3eZ3 {
+/* matches the element with id="©" */
+#_--© {
color: black;
}
-.♥--TxKD { background: lime; }
-.©--3eZ3 { background: lime; }
-.“‘’”--f6cc { background: lime; }
-.☺☃--2c3D { background: lime; }
-.⌘⌥--3J3I { background: lime; }
-.𝄞♪♩♫♬--sMom { background: lime; }
-.💩--Q31q { background: lime; }
-.\\\\?--3mhI { background: lime; }
-.\\\\@--1f2I { background: lime; }
-.\\\\.--3OGC { background: lime; }
-.\\\\3A \\\\)--396- { background: lime; }
-.\\\\3A \\\\\`\\\\(--3cIU { background: lime; }
-.\\\\31 23--3QaX { background: lime; }
-.\\\\31 a2b3c--3Llv { background: lime; }
-.\\\\--2iQr { background: lime; }
-.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--wY_8 { background: lime; }
-.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--2fRy { background: lime; }
-.\\\\#--g8wr { background: lime; }
-.\\\\#\\\\#--1Tef { background: lime; }
-.\\\\#\\\\.\\\\#\\\\.\\\\#--3JZu { background: lime; }
-.\\\\_--2Wg2 { background: lime; }
-.\\\\{\\\\}--3Y7c { background: lime; }
-.\\\\#fake\\\\-id--2yX_ { background: lime; }
-.foo\\\\.bar--2UOh { background: lime; }
-.\\\\3A hover--1pVo { background: lime; }
-.\\\\3A hover\\\\3A focus\\\\3A active--3hSa { background: lime; }
-.\\\\[attr\\\\=value\\\\]--1LDK { background: lime; }
-.f\\\\/o\\\\/o--22wO { background: lime; }
-.f\\\\\\\\o\\\\\\\\o--17p- { background: lime; }
-.f\\\\*o\\\\*o--329E { background: lime; }
-.f\\\\!o\\\\!o--1JV- { background: lime; }
-.f\\\\'o\\\\'o--g73D { background: lime; }
-.f\\\\~o\\\\~o--3JcD { background: lime; }
-.f\\\\+o\\\\+o--2gIh { background: lime; }
+._--♥ { background: lime; }
+._--© { background: lime; }
+._--😍 { background: lime; }
+._--“‘’” { background: lime; }
+._--☺☃ { background: lime; }
+._--⌘⌥ { background: lime; }
+._--𝄞♪♩♫♬ { background: lime; }
+._--💩 { background: lime; }
+._--\\\\? { background: lime; }
+._--\\\\@ { background: lime; }
+._--\\\\. { background: lime; }
+._--\\\\3A \\\\) { background: lime; }
+._--\\\\3A \\\\\\\`\\\\( { background: lime; }
+._--\\\\31 23 { background: lime; }
+._--\\\\31 a2b3c { background: lime; }
+._--\\\\ { background: lime; }
+._--\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
+._--\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
+._--\\\\# { background: lime; }
+._--\\\\#\\\\# { background: lime; }
+._--\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
+._--\\\\_ { background: lime; }
+._--\\\\{\\\\} { background: lime; }
+._--\\\\#fake\\\\-id { background: lime; }
+._--foo\\\\.bar { background: lime; }
+._--\\\\3A hover { background: lime; }
+._--\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
+._--\\\\[attr\\\\=value\\\\] { background: lime; }
+._--f\\\\/o\\\\/o { background: lime; }
+._--f\\\\\\\\o\\\\\\\\o { background: lime; }
+._--f\\\\*o\\\\*o { background: lime; }
+._--f\\\\!o\\\\!o { background: lime; }
+._--f\\\\'o\\\\'o { background: lime; }
+._--f\\\\~o\\\\~o { background: lime; }
+._--f\\\\+o\\\\+o { background: lime; }
-.foo\\\\/bar--2M1f {
+._--foo\\\\/bar {
background: hotpink;
}
-.foo\\\\\\\\bar--3y6A {
+._--foo\\\\\\\\bar {
background: hotpink;
}
-.foo\\\\/bar\\\\/baz--Zmhg {
+._--foo\\\\/bar\\\\/baz {
background: hotpink;
}
-.foo\\\\\\\\bar\\\\\\\\baz--3Jov {
+._--foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
-",
- "",
- ],
-]
-`;
-
-exports[`"modules" option should work and correctly replace escaped symbols: warnings 1`] = `Array []`;
-
-exports[`"modules" option should work and has "undefined" context if no context was given: errors 1`] = `Array []`;
-
-exports[`"modules" option should work and has "undefined" context if no context was given: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n background: red;\\\\n}\\\\n\\\\n.foo {\\\\n background: blue;\\\\n}\\\\n\\\\n.foo {\\\\n background: red;\\\\n}\\\\n\\\\n#foo {\\\\n background: green;\\\\n}\\\\n\\\\n.foo .foo {\\\\n color: green;\\\\n}\\\\n\\\\n#foo .foo {\\\\n color: blue;\\\\n}\\\\n\\\\n.foo {\\\\n color: red;\\\\n}\\\\n\\\\n.foo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.foo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.foo {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.foo {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#foo {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#foo {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#foo {\\\\n color: black;\\\\n}\\\\n\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"foo\\",
- \\"test\\": \\"foo\\",
- \\"_test\\": \\"foo\\",
- \\"className\\": \\"foo\\",
- \\"someId\\": \\"foo\\",
- \\"subClass\\": \\"foo\\",
- \\"-a0-34a___f\\": \\"foo\\",
- \\"m_x_@\\": \\"foo\\",
- \\"B&W?\\": \\"foo\\",
- \\":\`(\\": \\"foo\\",
- \\"1a2b3c\\": \\"foo\\",
- \\"#fake-id\\": \\"foo\\",
- \\"-a-b-c-\\": \\"foo\\",
- \\"©\\": \\"foo\\",
- \\"♥\\": \\"foo\\",
- \\"“‘’”\\": \\"foo\\",
- \\"☺☃\\": \\"foo\\",
- \\"⌘⌥\\": \\"foo\\",
- \\"𝄞♪♩♫♬\\": \\"foo\\",
- \\"💩\\": \\"foo\\",
- \\"?\\": \\"foo\\",
- \\"@\\": \\"foo\\",
- \\".\\": \\"foo\\",
- \\":)\\": \\"foo\\",
- \\"\\": \\"foo\\",
- \\"<><<<>><>\\": \\"foo\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"foo\\",
- \\"#\\": \\"foo\\",
- \\"##\\": \\"foo\\",
- \\"#.#.#\\": \\"foo\\",
- \\"_\\": \\"foo\\",
- \\"{}\\": \\"foo\\",
- \\"foo.bar\\": \\"foo\\",
- \\":hover\\": \\"foo\\",
- \\":hover:focus:active\\": \\"foo\\",
- \\"[attr=value]\\": \\"foo\\",
- \\"f/o/o\\": \\"foo\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"foo\\",
- \\"f*o*o\\": \\"foo\\",
- \\"f!o!o\\": \\"foo\\",
- \\"f'o'o\\": \\"foo\\",
- \\"f~o~o\\": \\"foo\\",
- \\"f+o+o\\": \\"foo\\",
- \\"foo/bar\\": \\"foo\\",
- \\"foo\\\\\\\\bar\\": \\"foo\\",
- \\"foo/bar/baz\\": \\"foo\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"foo\\"
-};
+\`, ""]);
+// Exports
+var _1 = \`_--123\`;
+export { _1 as "123" };
+export var test = \`_--test\`;
+export var _test = \`_--_test\`;
+export var className = \`_--className\`;
+export var someId = \`_--someId\`;
+export var subClass = \`_--subClass\`;
+var _2 = \`_---a0-34a___f\`;
+export { _2 as "-a0-34a___f" };
+var _3 = \`_--m_x_@\`;
+export { _3 as "m_x_@" };
+var _4 = \`_--B&W?\`;
+export { _4 as "B&W?" };
+var _5 = \`_--:\\\`(\`;
+export { _5 as ":\`(" };
+var _6 = \`_--1a2b3c\`;
+export { _6 as "1a2b3c" };
+var _7 = \`_--#fake-id\`;
+export { _7 as "#fake-id" };
+var _8 = \`_---a-b-c-\`;
+export { _8 as "-a-b-c-" };
+var _9 = \`_--©\`;
+export { _9 as "©" };
+var _a = \`_--♥\`;
+export { _a as "♥" };
+var _b = \`_--😍\`;
+export { _b as "😍" };
+var _c = \`_--“‘’”\`;
+export { _c as "“‘’”" };
+var _d = \`_--☺☃\`;
+export { _d as "☺☃" };
+var _e = \`_--⌘⌥\`;
+export { _e as "⌘⌥" };
+var _f = \`_--𝄞♪♩♫♬\`;
+export { _f as "𝄞♪♩♫♬" };
+var _10 = \`_--💩\`;
+export { _10 as "💩" };
+var _11 = \`_--?\`;
+export { _11 as "?" };
+var _12 = \`_--@\`;
+export { _12 as "@" };
+var _13 = \`_--.\`;
+export { _13 as "." };
+var _14 = \`_--:)\`;
+export { _14 as ":)" };
+var _15 = \`_--
\`;
+export { _15 as "
" };
+var _16 = \`_--<><<<>><>\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`_--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`_--#\`;
+export { _18 as "#" };
+var _19 = \`_--##\`;
+export { _19 as "##" };
+var _1a = \`_--#.#.#\`;
+export { _1a as "#.#.#" };
+export var _ = \`_--_\`;
+var _1b = \`_--{}\`;
+export { _1b as "{}" };
+var _1c = \`_--foo.bar\`;
+export { _1c as "foo.bar" };
+var _1d = \`_--:hover\`;
+export { _1d as ":hover" };
+var _1e = \`_--:hover:focus:active\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`_--[attr=value]\`;
+export { _1f as "[attr=value]" };
+var _20 = \`_--f/o/o\`;
+export { _20 as "f/o/o" };
+var _21 = \`_--f\\\\o\\\\o\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`_--f*o*o\`;
+export { _22 as "f*o*o" };
+var _23 = \`_--f!o!o\`;
+export { _23 as "f!o!o" };
+var _24 = \`_--f'o'o\`;
+export { _24 as "f'o'o" };
+var _25 = \`_--f~o~o\`;
+export { _25 as "f~o~o" };
+var _26 = \`_--f+o+o\`;
+export { _26 as "f+o+o" };
+var _27 = \`_--foo/bar\`;
+export { _27 as "foo/bar" };
+var _28 = \`_--foo\\\\bar\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`_--foo/bar/baz\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`_--foo\\\\bar\\\\baz\`;
+export { _2a as "foo\\\\bar\\\\baz" };
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should work and has "undefined" context if no context was given: result 1`] = `
-Array [
- Array [
+exports[`"modules" option should should work with two leading hyphens: result 1`] = `
+[
+ [
"./modules/localIdentName/localIdentName.css",
- ".foo {
+ "._--test {
background: red;
}
-.foo {
+._--_test {
background: blue;
}
-.foo {
+._--className {
background: red;
}
-#foo {
+#_--someId {
background: green;
}
-.foo .foo {
+._--className ._--subClass {
color: green;
}
-#foo .foo {
+#_--someId ._--subClass {
color: blue;
}
-.foo {
+._---a0-34a___f {
color: red;
}
-.foo {
+._--m_x_\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
-.foo {
+._--B\\&W\\? {
margin-left: auto !important;
margin-right: auto !important;
}
-/* matches elements with class=\\":\`(\\" */
-.foo {
+/* matches elements with class=":\`(" */
+._--\\3A \\\`\\( {
color: aqua;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.foo {
+/* matches elements with class="1a2b3c" */
+._--\\31 a2b3c {
color: aliceblue;
}
-/* matches the element with id=\\"#fake-id\\" */
-#foo {
+/* matches the element with id="#fake-id" */
+#_--\\#fake-id {
color: antiquewhite;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#foo {
+/* matches the element with id="-a-b-c-" */
+#_---a-b-c- {
color: azure;
}
-/* matches the element with id=\\"©\\" */
-#foo {
+/* matches the element with id="©" */
+#_--© {
color: black;
}
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-
-.foo {
+._--♥ { background: lime; }
+._--© { background: lime; }
+._--😍 { background: lime; }
+._--“‘’” { background: lime; }
+._--☺☃ { background: lime; }
+._--⌘⌥ { background: lime; }
+._--𝄞♪♩♫♬ { background: lime; }
+._--💩 { background: lime; }
+._--\\? { background: lime; }
+._--\\@ { background: lime; }
+._--\\. { background: lime; }
+._--\\3A \\) { background: lime; }
+._--\\3A \\\`\\( { background: lime; }
+._--\\31 23 { background: lime; }
+._--\\31 a2b3c { background: lime; }
+._--\\ { background: lime; }
+._--\\<\\>\\<\\<\\<\\>\\>\\<\\> { background: lime; }
+._--\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\[\\>\\+\\+\\+\\+\\+\\+\\+\\>\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\>\\+\\+\\+\\>\\+\\<\\<\\<\\<\\-\\]\\>\\+\\+\\.\\>\\+\\.\\+\\+\\+\\+\\+\\+\\+\\.\\.\\+\\+\\+\\.\\>\\+\\+\\.\\<\\<\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\.\\>\\.\\+\\+\\+\\.\\-\\-\\-\\-\\-\\-\\.\\-\\-\\-\\-\\-\\-\\-\\-\\.\\>\\+\\.\\>\\. { background: lime; }
+._--\\# { background: lime; }
+._--\\#\\# { background: lime; }
+._--\\#\\.\\#\\.\\# { background: lime; }
+._--\\_ { background: lime; }
+._--\\{\\} { background: lime; }
+._--\\#fake\\-id { background: lime; }
+._--foo\\.bar { background: lime; }
+._--\\3A hover { background: lime; }
+._--\\3A hover\\3A focus\\3A active { background: lime; }
+._--\\[attr\\=value\\] { background: lime; }
+._--f\\/o\\/o { background: lime; }
+._--f\\\\o\\\\o { background: lime; }
+._--f\\*o\\*o { background: lime; }
+._--f\\!o\\!o { background: lime; }
+._--f\\'o\\'o { background: lime; }
+._--f\\~o\\~o { background: lime; }
+._--f\\+o\\+o { background: lime; }
+
+._--foo\\/bar {
background: hotpink;
}
-.foo {
+._--foo\\\\bar {
background: hotpink;
}
-.foo {
+._--foo\\/bar\\/baz {
background: hotpink;
}
-.foo {
+._--foo\\\\bar\\\\baz {
background: hotpink;
}
",
@@ -1897,372 +1745,342 @@ Array [
]
`;
-exports[`"modules" option should work and has "undefined" context if no context was given: warnings 1`] = `Array []`;
+exports[`"modules" option should should work with two leading hyphens: warnings 1`] = `[]`;
-exports[`"modules" option should work and prefix leading hyphen when digit is first: errors 1`] = `Array []`;
+exports[`"modules" option should should work with two leading underscore: errors 1`] = `[]`;
-exports[`"modules" option should work and prefix leading hyphen when digit is first: module 1`] = `
+exports[`"modules" option should should work with two leading underscore: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._-1test {\\\\n background: red;\\\\n}\\\\n\\\\n._-1_test {\\\\n background: blue;\\\\n}\\\\n\\\\n._-1className {\\\\n background: red;\\\\n}\\\\n\\\\n#_-1someId {\\\\n background: green;\\\\n}\\\\n\\\\n._-1className ._-1subClass {\\\\n color: green;\\\\n}\\\\n\\\\n#_-1someId ._-1subClass {\\\\n color: blue;\\\\n}\\\\n\\\\n._-1-a0-34a___f {\\\\n color: red;\\\\n}\\\\n\\\\n._-1m_x_\\\\\\\\@ {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n._-1B\\\\\\\\&W\\\\\\\\? {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._-1\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n._-1\\\\\\\\31 a2b3c {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_-1\\\\\\\\#fake-id {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_-1-a-b-c- {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#_-1© {\\\\n color: black;\\\\n}\\\\n\\\\n._-1♥ { background: lime; }\\\\n._-1© { background: lime; }\\\\n._-1“‘’” { background: lime; }\\\\n._-1☺☃ { background: lime; }\\\\n._-1⌘⌥ { background: lime; }\\\\n._-1𝄞♪♩♫♬ { background: lime; }\\\\n._-1💩 { background: lime; }\\\\n._-1\\\\\\\\? { background: lime; }\\\\n._-1\\\\\\\\@ { background: lime; }\\\\n._-1\\\\\\\\. { background: lime; }\\\\n._-1\\\\\\\\3A \\\\\\\\) { background: lime; }\\\\n._-1\\\\\\\\3A \\\\\\\\\`\\\\\\\\( { background: lime; }\\\\n._-1\\\\\\\\31 23 { background: lime; }\\\\n._-1\\\\\\\\31 a2b3c { background: lime; }\\\\n._-1\\\\\\\\ { background: lime; }\\\\n._-1\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\> { background: lime; }\\\\n._-1\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\. { background: lime; }\\\\n._-1\\\\\\\\# { background: lime; }\\\\n._-1\\\\\\\\#\\\\\\\\# { background: lime; }\\\\n._-1\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\# { background: lime; }\\\\n._-1\\\\\\\\_ { background: lime; }\\\\n._-1\\\\\\\\{\\\\\\\\} { background: lime; }\\\\n._-1\\\\\\\\#fake\\\\\\\\-id { background: lime; }\\\\n._-1foo\\\\\\\\.bar { background: lime; }\\\\n._-1\\\\\\\\3A hover { background: lime; }\\\\n._-1\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active { background: lime; }\\\\n._-1\\\\\\\\[attr\\\\\\\\=value\\\\\\\\] { background: lime; }\\\\n._-1f\\\\\\\\/o\\\\\\\\/o { background: lime; }\\\\n._-1f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o { background: lime; }\\\\n._-1f\\\\\\\\*o\\\\\\\\*o { background: lime; }\\\\n._-1f\\\\\\\\!o\\\\\\\\!o { background: lime; }\\\\n._-1f\\\\\\\\'o\\\\\\\\'o { background: lime; }\\\\n._-1f\\\\\\\\~o\\\\\\\\~o { background: lime; }\\\\n._-1f\\\\\\\\+o\\\\\\\\+o { background: lime; }\\\\n\\\\n._-1foo\\\\\\\\/bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._-1foo\\\\\\\\\\\\\\\\bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._-1foo\\\\\\\\/bar\\\\\\\\/baz {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._-1foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"_-1123\\",
- \\"test\\": \\"_-1test\\",
- \\"_test\\": \\"_-1_test\\",
- \\"className\\": \\"_-1className\\",
- \\"someId\\": \\"_-1someId\\",
- \\"subClass\\": \\"_-1subClass\\",
- \\"-a0-34a___f\\": \\"_-1-a0-34a___f\\",
- \\"m_x_@\\": \\"_-1m_x_@\\",
- \\"B&W?\\": \\"_-1B&W?\\",
- \\":\`(\\": \\"_-1:\`(\\",
- \\"1a2b3c\\": \\"_-11a2b3c\\",
- \\"#fake-id\\": \\"_-1#fake-id\\",
- \\"-a-b-c-\\": \\"_-1-a-b-c-\\",
- \\"©\\": \\"_-1©\\",
- \\"♥\\": \\"_-1♥\\",
- \\"“‘’”\\": \\"_-1“‘’”\\",
- \\"☺☃\\": \\"_-1☺☃\\",
- \\"⌘⌥\\": \\"_-1⌘⌥\\",
- \\"𝄞♪♩♫♬\\": \\"_-1𝄞♪♩♫♬\\",
- \\"💩\\": \\"_-1💩\\",
- \\"?\\": \\"_-1?\\",
- \\"@\\": \\"_-1@\\",
- \\".\\": \\"_-1.\\",
- \\":)\\": \\"_-1:)\\",
- \\"\\": \\"_-1
\\",
- \\"<><<<>><>\\": \\"_-1<><<<>><>\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"_-1++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\",
- \\"#\\": \\"_-1#\\",
- \\"##\\": \\"_-1##\\",
- \\"#.#.#\\": \\"_-1#.#.#\\",
- \\"_\\": \\"_-1_\\",
- \\"{}\\": \\"_-1{}\\",
- \\"foo.bar\\": \\"_-1foo.bar\\",
- \\":hover\\": \\"_-1:hover\\",
- \\":hover:focus:active\\": \\"_-1:hover:focus:active\\",
- \\"[attr=value]\\": \\"_-1[attr=value]\\",
- \\"f/o/o\\": \\"_-1f/o/o\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"_-1f\\\\\\\\o\\\\\\\\o\\",
- \\"f*o*o\\": \\"_-1f*o*o\\",
- \\"f!o!o\\": \\"_-1f!o!o\\",
- \\"f'o'o\\": \\"_-1f'o'o\\",
- \\"f~o~o\\": \\"_-1f~o~o\\",
- \\"f+o+o\\": \\"_-1f+o+o\\",
- \\"foo/bar\\": \\"_-1foo/bar\\",
- \\"foo\\\\\\\\bar\\": \\"_-1foo\\\\\\\\bar\\",
- \\"foo/bar/baz\\": \\"_-1foo/bar/baz\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"_-1foo\\\\\\\\bar\\\\\\\\baz\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"modules" option should work and prefix leading hyphen when digit is first: result 1`] = `
-Array [
- Array [
- "./modules/localIdentName/localIdentName.css",
- "._-1test {
+___CSS_LOADER_EXPORT___.push([module.id, \`.__test {
background: red;
}
-._-1_test {
+.___test {
background: blue;
}
-._-1className {
+.__className {
background: red;
}
-#_-1someId {
+#__someId {
background: green;
}
-._-1className ._-1subClass {
+.__className .__subClass {
color: green;
}
-#_-1someId ._-1subClass {
+#__someId .__subClass {
color: blue;
}
-._-1-a0-34a___f {
+.__-a0-34a___f {
color: red;
}
-._-1m_x_\\\\@ {
+.__m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
-._-1B\\\\&W\\\\? {
+.__B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
-/* matches elements with class=\\":\`(\\" */
-._-1\\\\3A \\\\\`\\\\( {
+/* matches elements with class=":\\\`(" */
+.__\\\\3A \\\\\\\`\\\\( {
color: aqua;
}
-/* matches elements with class=\\"1a2b3c\\" */
-._-1\\\\31 a2b3c {
+/* matches elements with class="1a2b3c" */
+.__\\\\31 a2b3c {
color: aliceblue;
}
-/* matches the element with id=\\"#fake-id\\" */
-#_-1\\\\#fake-id {
+/* matches the element with id="#fake-id" */
+#__\\\\#fake-id {
color: antiquewhite;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#_-1-a-b-c- {
+/* matches the element with id="-a-b-c-" */
+#__-a-b-c- {
color: azure;
}
-/* matches the element with id=\\"©\\" */
-#_-1© {
+/* matches the element with id="©" */
+#__© {
color: black;
}
-._-1♥ { background: lime; }
-._-1© { background: lime; }
-._-1“‘’” { background: lime; }
-._-1☺☃ { background: lime; }
-._-1⌘⌥ { background: lime; }
-._-1𝄞♪♩♫♬ { background: lime; }
-._-1💩 { background: lime; }
-._-1\\\\? { background: lime; }
-._-1\\\\@ { background: lime; }
-._-1\\\\. { background: lime; }
-._-1\\\\3A \\\\) { background: lime; }
-._-1\\\\3A \\\\\`\\\\( { background: lime; }
-._-1\\\\31 23 { background: lime; }
-._-1\\\\31 a2b3c { background: lime; }
-._-1\\\\ { background: lime; }
-._-1\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
-._-1\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
-._-1\\\\# { background: lime; }
-._-1\\\\#\\\\# { background: lime; }
-._-1\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
-._-1\\\\_ { background: lime; }
-._-1\\\\{\\\\} { background: lime; }
-._-1\\\\#fake\\\\-id { background: lime; }
-._-1foo\\\\.bar { background: lime; }
-._-1\\\\3A hover { background: lime; }
-._-1\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
-._-1\\\\[attr\\\\=value\\\\] { background: lime; }
-._-1f\\\\/o\\\\/o { background: lime; }
-._-1f\\\\\\\\o\\\\\\\\o { background: lime; }
-._-1f\\\\*o\\\\*o { background: lime; }
-._-1f\\\\!o\\\\!o { background: lime; }
-._-1f\\\\'o\\\\'o { background: lime; }
-._-1f\\\\~o\\\\~o { background: lime; }
-._-1f\\\\+o\\\\+o { background: lime; }
+.__♥ { background: lime; }
+.__© { background: lime; }
+.__😍 { background: lime; }
+.__“‘’” { background: lime; }
+.__☺☃ { background: lime; }
+.__⌘⌥ { background: lime; }
+.__𝄞♪♩♫♬ { background: lime; }
+.__💩 { background: lime; }
+.__\\\\? { background: lime; }
+.__\\\\@ { background: lime; }
+.__\\\\. { background: lime; }
+.__\\\\3A \\\\) { background: lime; }
+.__\\\\3A \\\\\\\`\\\\( { background: lime; }
+.__\\\\31 23 { background: lime; }
+.__\\\\31 a2b3c { background: lime; }
+.__\\\\ { background: lime; }
+.__\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
+.__\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
+.__\\\\# { background: lime; }
+.__\\\\#\\\\# { background: lime; }
+.__\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
+.__\\\\_ { background: lime; }
+.__\\\\{\\\\} { background: lime; }
+.__\\\\#fake\\\\-id { background: lime; }
+.__foo\\\\.bar { background: lime; }
+.__\\\\3A hover { background: lime; }
+.__\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
+.__\\\\[attr\\\\=value\\\\] { background: lime; }
+.__f\\\\/o\\\\/o { background: lime; }
+.__f\\\\\\\\o\\\\\\\\o { background: lime; }
+.__f\\\\*o\\\\*o { background: lime; }
+.__f\\\\!o\\\\!o { background: lime; }
+.__f\\\\'o\\\\'o { background: lime; }
+.__f\\\\~o\\\\~o { background: lime; }
+.__f\\\\+o\\\\+o { background: lime; }
-._-1foo\\\\/bar {
+.__foo\\\\/bar {
background: hotpink;
}
-._-1foo\\\\\\\\bar {
+.__foo\\\\\\\\bar {
background: hotpink;
}
-._-1foo\\\\/bar\\\\/baz {
+.__foo\\\\/bar\\\\/baz {
background: hotpink;
}
-._-1foo\\\\\\\\bar\\\\\\\\baz {
+.__foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
-",
- "",
- ],
-]
-`;
-
-exports[`"modules" option should work and prefix leading hyphen when digit is first: warnings 1`] = `Array []`;
-
-exports[`"modules" option should work and respect the "context" option: errors 1`] = `Array []`;
-
-exports[`"modules" option should work and respect the "context" option: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._3THChI84 {\\\\n background: red;\\\\n}\\\\n\\\\n._1Ic0T6E2 {\\\\n background: blue;\\\\n}\\\\n\\\\n._1cIQwwGF {\\\\n background: red;\\\\n}\\\\n\\\\n#_2KQxkXGn {\\\\n background: green;\\\\n}\\\\n\\\\n._1cIQwwGF ._1SaZq9UR {\\\\n color: green;\\\\n}\\\\n\\\\n#_2KQxkXGn ._1SaZq9UR {\\\\n color: blue;\\\\n}\\\\n\\\\n._3_8fOv5C {\\\\n color: red;\\\\n}\\\\n\\\\n.oSCIyXHs {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n._1YhNoA0P {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._1OM1XhAs {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n._1bpu3ISw {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_1CCtldT2 {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2TwUosNR {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#_2DQauKX- {\\\\n color: black;\\\\n}\\\\n\\\\n._1OsGHnKz { background: lime; }\\\\n._2DQauKX- { background: lime; }\\\\n._2KvI5OuP { background: lime; }\\\\n._2yQjBRc3 { background: lime; }\\\\n._3fcdfPoZ { background: lime; }\\\\n._36_8UGtJ { background: lime; }\\\\n.uHOC9vIJ { background: lime; }\\\\n._3yhO8sbF { background: lime; }\\\\n._2FM4HzQ0 { background: lime; }\\\\n._3XwjsUQg { background: lime; }\\\\n._3RekpnZr { background: lime; }\\\\n._1OM1XhAs { background: lime; }\\\\n._3rkg9Zga { background: lime; }\\\\n._1bpu3ISw { background: lime; }\\\\n._2NpJOkGO { background: lime; }\\\\n._3rLnDN1Z { background: lime; }\\\\n.fBy3xycY { background: lime; }\\\\n._1mZzxf-Y { background: lime; }\\\\n._31Eihfoq { background: lime; }\\\\n._3aQjUey8 { background: lime; }\\\\n.Fi_vbOb0 { background: lime; }\\\\n._2PPE1yBA { background: lime; }\\\\n._1CCtldT2 { background: lime; }\\\\n._1CwcQl0I { background: lime; }\\\\n._1wJ1HEuW { background: lime; }\\\\n._2bgUHCtB { background: lime; }\\\\n._2kDs761Y { background: lime; }\\\\n.kDF4zPFr { background: lime; }\\\\n._11wgSOLK { background: lime; }\\\\n._3SaQaoVD { background: lime; }\\\\n._3WN_yiXA { background: lime; }\\\\n.uiCGuCDO { background: lime; }\\\\n._1Wue4zTM { background: lime; }\\\\n._3x4WJytB { background: lime; }\\\\n\\\\n._3S7V-jWX {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._3mkt5Iq- {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._2x1dgPlv {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._2a8NOF62 {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"_3rkg9Zga\\",
- \\"test\\": \\"_3THChI84\\",
- \\"_test\\": \\"_1Ic0T6E2\\",
- \\"className\\": \\"_1cIQwwGF\\",
- \\"someId\\": \\"_2KQxkXGn\\",
- \\"subClass\\": \\"_1SaZq9UR\\",
- \\"-a0-34a___f\\": \\"_3_8fOv5C\\",
- \\"m_x_@\\": \\"oSCIyXHs\\",
- \\"B&W?\\": \\"_1YhNoA0P\\",
- \\":\`(\\": \\"_1OM1XhAs\\",
- \\"1a2b3c\\": \\"_1bpu3ISw\\",
- \\"#fake-id\\": \\"_1CCtldT2\\",
- \\"-a-b-c-\\": \\"_2TwUosNR\\",
- \\"©\\": \\"_2DQauKX-\\",
- \\"♥\\": \\"_1OsGHnKz\\",
- \\"“‘’”\\": \\"_2KvI5OuP\\",
- \\"☺☃\\": \\"_2yQjBRc3\\",
- \\"⌘⌥\\": \\"_3fcdfPoZ\\",
- \\"𝄞♪♩♫♬\\": \\"_36_8UGtJ\\",
- \\"💩\\": \\"uHOC9vIJ\\",
- \\"?\\": \\"_3yhO8sbF\\",
- \\"@\\": \\"_2FM4HzQ0\\",
- \\".\\": \\"_3XwjsUQg\\",
- \\":)\\": \\"_3RekpnZr\\",
- \\"\\": \\"_2NpJOkGO\\",
- \\"<><<<>><>\\": \\"_3rLnDN1Z\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"fBy3xycY\\",
- \\"#\\": \\"_1mZzxf-Y\\",
- \\"##\\": \\"_31Eihfoq\\",
- \\"#.#.#\\": \\"_3aQjUey8\\",
- \\"_\\": \\"Fi_vbOb0\\",
- \\"{}\\": \\"_2PPE1yBA\\",
- \\"foo.bar\\": \\"_1CwcQl0I\\",
- \\":hover\\": \\"_1wJ1HEuW\\",
- \\":hover:focus:active\\": \\"_2bgUHCtB\\",
- \\"[attr=value]\\": \\"_2kDs761Y\\",
- \\"f/o/o\\": \\"kDF4zPFr\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"_11wgSOLK\\",
- \\"f*o*o\\": \\"_3SaQaoVD\\",
- \\"f!o!o\\": \\"_3WN_yiXA\\",
- \\"f'o'o\\": \\"uiCGuCDO\\",
- \\"f~o~o\\": \\"_1Wue4zTM\\",
- \\"f+o+o\\": \\"_3x4WJytB\\",
- \\"foo/bar\\": \\"_3S7V-jWX\\",
- \\"foo\\\\\\\\bar\\": \\"_3mkt5Iq-\\",
- \\"foo/bar/baz\\": \\"_2x1dgPlv\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"_2a8NOF62\\"
-};
+\`, ""]);
+// Exports
+var _1 = \`__123\`;
+export { _1 as "123" };
+export var test = \`__test\`;
+export var _test = \`___test\`;
+export var className = \`__className\`;
+export var someId = \`__someId\`;
+export var subClass = \`__subClass\`;
+var _2 = \`__-a0-34a___f\`;
+export { _2 as "-a0-34a___f" };
+var _3 = \`__m_x_@\`;
+export { _3 as "m_x_@" };
+var _4 = \`__B&W?\`;
+export { _4 as "B&W?" };
+var _5 = \`__:\\\`(\`;
+export { _5 as ":\`(" };
+var _6 = \`__1a2b3c\`;
+export { _6 as "1a2b3c" };
+var _7 = \`__#fake-id\`;
+export { _7 as "#fake-id" };
+var _8 = \`__-a-b-c-\`;
+export { _8 as "-a-b-c-" };
+var _9 = \`__©\`;
+export { _9 as "©" };
+var _a = \`__♥\`;
+export { _a as "♥" };
+var _b = \`__😍\`;
+export { _b as "😍" };
+var _c = \`__“‘’”\`;
+export { _c as "“‘’”" };
+var _d = \`__☺☃\`;
+export { _d as "☺☃" };
+var _e = \`__⌘⌥\`;
+export { _e as "⌘⌥" };
+var _f = \`__𝄞♪♩♫♬\`;
+export { _f as "𝄞♪♩♫♬" };
+var _10 = \`__💩\`;
+export { _10 as "💩" };
+var _11 = \`__?\`;
+export { _11 as "?" };
+var _12 = \`__@\`;
+export { _12 as "@" };
+var _13 = \`__.\`;
+export { _13 as "." };
+var _14 = \`__:)\`;
+export { _14 as ":)" };
+var _15 = \`__
\`;
+export { _15 as "
" };
+var _16 = \`__<><<<>><>\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`__#\`;
+export { _18 as "#" };
+var _19 = \`__##\`;
+export { _19 as "##" };
+var _1a = \`__#.#.#\`;
+export { _1a as "#.#.#" };
+export var _ = \`___\`;
+var _1b = \`__{}\`;
+export { _1b as "{}" };
+var _1c = \`__foo.bar\`;
+export { _1c as "foo.bar" };
+var _1d = \`__:hover\`;
+export { _1d as ":hover" };
+var _1e = \`__:hover:focus:active\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`__[attr=value]\`;
+export { _1f as "[attr=value]" };
+var _20 = \`__f/o/o\`;
+export { _20 as "f/o/o" };
+var _21 = \`__f\\\\o\\\\o\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`__f*o*o\`;
+export { _22 as "f*o*o" };
+var _23 = \`__f!o!o\`;
+export { _23 as "f!o!o" };
+var _24 = \`__f'o'o\`;
+export { _24 as "f'o'o" };
+var _25 = \`__f~o~o\`;
+export { _25 as "f~o~o" };
+var _26 = \`__f+o+o\`;
+export { _26 as "f+o+o" };
+var _27 = \`__foo/bar\`;
+export { _27 as "foo/bar" };
+var _28 = \`__foo\\\\bar\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`__foo/bar/baz\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`__foo\\\\bar\\\\baz\`;
+export { _2a as "foo\\\\bar\\\\baz" };
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should work and respect the "context" option: result 1`] = `
-Array [
- Array [
+exports[`"modules" option should should work with two leading underscore: result 1`] = `
+[
+ [
"./modules/localIdentName/localIdentName.css",
- "._3THChI84 {
+ ".__test {
background: red;
}
-._1Ic0T6E2 {
+.___test {
background: blue;
}
-._1cIQwwGF {
+.__className {
background: red;
}
-#_2KQxkXGn {
+#__someId {
background: green;
}
-._1cIQwwGF ._1SaZq9UR {
+.__className .__subClass {
color: green;
}
-#_2KQxkXGn ._1SaZq9UR {
+#__someId .__subClass {
color: blue;
}
-._3_8fOv5C {
+.__-a0-34a___f {
color: red;
}
-.oSCIyXHs {
+.__m_x_\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
-._1YhNoA0P {
+.__B\\&W\\? {
margin-left: auto !important;
margin-right: auto !important;
}
-/* matches elements with class=\\":\`(\\" */
-._1OM1XhAs {
+/* matches elements with class=":\`(" */
+.__\\3A \\\`\\( {
color: aqua;
}
-/* matches elements with class=\\"1a2b3c\\" */
-._1bpu3ISw {
+/* matches elements with class="1a2b3c" */
+.__\\31 a2b3c {
color: aliceblue;
}
-/* matches the element with id=\\"#fake-id\\" */
-#_1CCtldT2 {
+/* matches the element with id="#fake-id" */
+#__\\#fake-id {
color: antiquewhite;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#_2TwUosNR {
+/* matches the element with id="-a-b-c-" */
+#__-a-b-c- {
color: azure;
}
-/* matches the element with id=\\"©\\" */
-#_2DQauKX- {
+/* matches the element with id="©" */
+#__© {
color: black;
}
-._1OsGHnKz { background: lime; }
-._2DQauKX- { background: lime; }
-._2KvI5OuP { background: lime; }
-._2yQjBRc3 { background: lime; }
-._3fcdfPoZ { background: lime; }
-._36_8UGtJ { background: lime; }
-.uHOC9vIJ { background: lime; }
-._3yhO8sbF { background: lime; }
-._2FM4HzQ0 { background: lime; }
-._3XwjsUQg { background: lime; }
-._3RekpnZr { background: lime; }
-._1OM1XhAs { background: lime; }
-._3rkg9Zga { background: lime; }
-._1bpu3ISw { background: lime; }
-._2NpJOkGO { background: lime; }
-._3rLnDN1Z { background: lime; }
-.fBy3xycY { background: lime; }
-._1mZzxf-Y { background: lime; }
-._31Eihfoq { background: lime; }
-._3aQjUey8 { background: lime; }
-.Fi_vbOb0 { background: lime; }
-._2PPE1yBA { background: lime; }
-._1CCtldT2 { background: lime; }
-._1CwcQl0I { background: lime; }
-._1wJ1HEuW { background: lime; }
-._2bgUHCtB { background: lime; }
-._2kDs761Y { background: lime; }
-.kDF4zPFr { background: lime; }
-._11wgSOLK { background: lime; }
-._3SaQaoVD { background: lime; }
-._3WN_yiXA { background: lime; }
-.uiCGuCDO { background: lime; }
-._1Wue4zTM { background: lime; }
-._3x4WJytB { background: lime; }
-
-._3S7V-jWX {
+.__♥ { background: lime; }
+.__© { background: lime; }
+.__😍 { background: lime; }
+.__“‘’” { background: lime; }
+.__☺☃ { background: lime; }
+.__⌘⌥ { background: lime; }
+.__𝄞♪♩♫♬ { background: lime; }
+.__💩 { background: lime; }
+.__\\? { background: lime; }
+.__\\@ { background: lime; }
+.__\\. { background: lime; }
+.__\\3A \\) { background: lime; }
+.__\\3A \\\`\\( { background: lime; }
+.__\\31 23 { background: lime; }
+.__\\31 a2b3c { background: lime; }
+.__\\ { background: lime; }
+.__\\<\\>\\<\\<\\<\\>\\>\\<\\> { background: lime; }
+.__\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\[\\>\\+\\+\\+\\+\\+\\+\\+\\>\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\>\\+\\+\\+\\>\\+\\<\\<\\<\\<\\-\\]\\>\\+\\+\\.\\>\\+\\.\\+\\+\\+\\+\\+\\+\\+\\.\\.\\+\\+\\+\\.\\>\\+\\+\\.\\<\\<\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\.\\>\\.\\+\\+\\+\\.\\-\\-\\-\\-\\-\\-\\.\\-\\-\\-\\-\\-\\-\\-\\-\\.\\>\\+\\.\\>\\. { background: lime; }
+.__\\# { background: lime; }
+.__\\#\\# { background: lime; }
+.__\\#\\.\\#\\.\\# { background: lime; }
+.__\\_ { background: lime; }
+.__\\{\\} { background: lime; }
+.__\\#fake\\-id { background: lime; }
+.__foo\\.bar { background: lime; }
+.__\\3A hover { background: lime; }
+.__\\3A hover\\3A focus\\3A active { background: lime; }
+.__\\[attr\\=value\\] { background: lime; }
+.__f\\/o\\/o { background: lime; }
+.__f\\\\o\\\\o { background: lime; }
+.__f\\*o\\*o { background: lime; }
+.__f\\!o\\!o { background: lime; }
+.__f\\'o\\'o { background: lime; }
+.__f\\~o\\~o { background: lime; }
+.__f\\+o\\+o { background: lime; }
+
+.__foo\\/bar {
background: hotpink;
}
-._3mkt5Iq- {
+.__foo\\\\bar {
background: hotpink;
}
-._2x1dgPlv {
+.__foo\\/bar\\/baz {
background: hotpink;
}
-._2a8NOF62 {
+.__foo\\\\bar\\\\baz {
background: hotpink;
}
",
@@ -2271,667 +2089,540 @@ Array [
]
`;
-exports[`"modules" option should work and respect the "context" option: warnings 1`] = `Array []`;
+exports[`"modules" option should should work with two leading underscore: warnings 1`] = `[]`;
-exports[`"modules" option should work and respect the "exportOnlyLocals" option with the "esModule" option: errors 1`] = `Array []`;
+exports[`"modules" option should support resolving in composes preprocessor files with extensions: errors 1`] = `[]`;
-exports[`"modules" option should work and respect the "exportOnlyLocals" option with the "esModule" option: module 1`] = `
+exports[`"modules" option should support resolving in composes preprocessor files with extensions: module 1`] = `
"// Imports
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./values.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./something.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_3___ from \\"-!../../../../src/index.js??[ident]!./relative.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_4___ from \\"-!../../../../src/index.js??[ident]!./top-relative.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_5___ from \\"-!../../../../src/index.js??[ident]!../issue-861/node_modules/package/style.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_6___ from \\"-!../../../../src/index.js??[ident]!./alias.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_7___ from \\"-!../../../../src/index.js??[ident]!./scss-file.scss\\";
-var ___CSS_LOADER_EXPORT___ = {};
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\",
- \\"v-other\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\"\\",
- \\"s-white\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\"\\",
- \\"m-small\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\"\\",
- \\"v-something\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\"\\",
- \\"v-foo\\": \\"blue\\",
- \\"v-bar\\": \\"block\\",
- \\"v-primary\\": \\"#BF4040\\",
- \\"s-black\\": \\"black-selector\\",
- \\"m-large\\": \\"(min-width: 960px)\\",
- \\"v-ident\\": \\"validIdent\\",
- \\"v-pre-defined-ident\\": \\"left\\",
- \\"v-string\\": \\"'content'\\",
- \\"v-string-1\\": \\"''\\",
- \\"v-url\\": \\"url(https://www.exammple.com/images/my-background.png)\\",
- \\"v-url-1\\": \\"url('https://www.exammple.com/images/my-background.png')\\",
- \\"v-url-2\\": \\"url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\")\\",
- \\"v-integer\\": \\"100\\",
- \\"v-integer-1\\": \\"-100\\",
- \\"v-integer-2\\": \\"+100\\",
- \\"v-number\\": \\".60\\",
- \\"v-number-1\\": \\"-456.8\\",
- \\"v-number-2\\": \\"-3.4e-2\\",
- \\"v-dimension\\": \\"12px\\",
- \\"v-percentage\\": \\"100%\\",
- \\"v-hex\\": \\"#fff\\",
- \\"v-function\\": \\"rgb(0,0,0)\\",
- \\"v-unicode-range\\": \\"U+0025-00FF\\",
- \\"ghi\\": \\"_ghi\\",
- \\"class\\": \\"_class\\",
- \\"other\\": \\"_other\\",
- \\"other-other\\": \\"_other-other\\",
- \\"green\\": \\"_green\\",
- \\"foo\\": \\"_foo\\",
- \\"simple\\": \\"_simple \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"imported-simple\\"] + \\"\\",
- \\"relative\\": \\"_relative \\" + ___CSS_LOADER_ICSS_IMPORT_3___.locals[\\"imported-relative\\"] + \\"\\",
- \\"top-relative\\": \\"_top-relative \\" + ___CSS_LOADER_ICSS_IMPORT_4___.locals[\\"imported-relative\\"] + \\"\\",
- \\"module\\": \\"_module \\" + ___CSS_LOADER_ICSS_IMPORT_5___.locals[\\"imported-module\\"] + \\"\\",
- \\"alias\\": \\"_alias \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
- \\"alias-duplicate\\": \\"_alias-duplicate \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
- \\"primary-selector\\": \\"_primary-selector\\",
- \\"black-selector\\": \\"_black-selector\\",
- \\"header\\": \\"_header\\",
- \\"foobarbaz\\": \\"_foobarbaz\\",
- \\"url\\": \\"_url\\",
- \\"main\\": \\"_main \\" + ___CSS_LOADER_ICSS_IMPORT_7___.locals[\\"scssClass\\"] + \\"\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./values.css";
+import ___CSS_LOADER_ICSS_IMPORT_1___, * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./less-file.less";
+import ___CSS_LOADER_ICSS_IMPORT_2___, * as ___CSS_LOADER_ICSS_IMPORT_2____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./scss-file.scss";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_2___, "", true);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.globalClassName {
+ color: orange;
+}
-exports[`"modules" option should work and respect the "exportOnlyLocals" option with the "esModule" option: result 1`] = `
-Object {
- "locals": Object {
- "alias": "_alias _imported-alias",
- "alias-duplicate": "_alias-duplicate _imported-alias",
- "black-selector": "_black-selector",
- "class": "_class",
- "foo": "_foo",
- "foobarbaz": "_foobarbaz",
- "ghi": "_ghi",
- "green": "_green",
- "header": "_header",
- "m-large": "(min-width: 960px)",
- "m-small": "(min-width: 320px)",
- "main": "_main _scssClass",
- "module": "_module _imported-module",
- "other": "_other",
- "other-other": "_other-other",
- "primary-selector": "_primary-selector",
- "relative": "_relative _imported-relative",
- "s-black": "black-selector",
- "s-white": "white",
- "simple": "_simple _imported-simple",
- "top-relative": "_top-relative undefined",
- "url": "_url",
- "v-bar": "block",
- "v-def": "red",
- "v-dimension": "12px",
- "v-foo": "blue",
- "v-function": "rgb(0,0,0)",
- "v-hex": "#fff",
- "v-ident": "validIdent",
- "v-integer": "100",
- "v-integer-1": "-100",
- "v-integer-2": "+100",
- "v-number": ".60",
- "v-number-1": "-456.8",
- "v-number-2": "-3.4e-2",
- "v-other": "green",
- "v-percentage": "100%",
- "v-pre-defined-ident": "left",
- "v-primary": "#BF4040",
- "v-something": "2112moon",
- "v-string": "'content'",
- "v-string-1": "''",
- "v-unicode-range": "U+0025-00FF",
- "v-url": "url(https://www.exammple.com/images/my-background.png)",
- "v-url-1": "url('https://www.exammple.com/images/my-background.png')",
- "v-url-2": "url(\\"https://www.exammple.com/images/my-background.png\\")",
- },
+.jfnINdjNmjmNE30hJhM2 {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"] };
}
-`;
-exports[`"modules" option should work and respect the "exportOnlyLocals" option with the "esModule" option: warnings 1`] = `Array []`;
+.UIbsE5LKj9LULxJh5lui {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_1____NAMED___["v-foo"] };
+}
-exports[`"modules" option should work and respect the "exportOnlyLocals" option: errors 1`] = `Array []`;
+.IhDiFbofjUNbC6vdWN9Z {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_2____NAMED___["v-bar"] };
+}
-exports[`"modules" option should work and respect the "exportOnlyLocals" option: module 1`] = `
-"// Imports
-import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./values.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./something.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_3___ from \\"-!../../../../src/index.js??[ident]!./relative.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_4___ from \\"-!../../../../src/index.js??[ident]!./top-relative.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_5___ from \\"-!../../../../src/index.js??[ident]!../issue-861/node_modules/package/style.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_6___ from \\"-!../../../../src/index.js??[ident]!./alias.css\\";
-import ___CSS_LOADER_ICSS_IMPORT_7___ from \\"-!../../../../src/index.js??[ident]!./scss-file.scss\\";
-var ___CSS_LOADER_EXPORT___ = {};
+.vtrwouBgSegFPwkaXOt_ {
+ background: #000;
+}
+\`, ""]);
// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\",
- \\"v-other\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\"\\",
- \\"s-white\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\"\\",
- \\"m-small\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\"\\",
- \\"v-something\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\"\\",
- \\"v-foo\\": \\"blue\\",
- \\"v-bar\\": \\"block\\",
- \\"v-primary\\": \\"#BF4040\\",
- \\"s-black\\": \\"black-selector\\",
- \\"m-large\\": \\"(min-width: 960px)\\",
- \\"v-ident\\": \\"validIdent\\",
- \\"v-pre-defined-ident\\": \\"left\\",
- \\"v-string\\": \\"'content'\\",
- \\"v-string-1\\": \\"''\\",
- \\"v-url\\": \\"url(https://www.exammple.com/images/my-background.png)\\",
- \\"v-url-1\\": \\"url('https://www.exammple.com/images/my-background.png')\\",
- \\"v-url-2\\": \\"url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\")\\",
- \\"v-integer\\": \\"100\\",
- \\"v-integer-1\\": \\"-100\\",
- \\"v-integer-2\\": \\"+100\\",
- \\"v-number\\": \\".60\\",
- \\"v-number-1\\": \\"-456.8\\",
- \\"v-number-2\\": \\"-3.4e-2\\",
- \\"v-dimension\\": \\"12px\\",
- \\"v-percentage\\": \\"100%\\",
- \\"v-hex\\": \\"#fff\\",
- \\"v-function\\": \\"rgb(0,0,0)\\",
- \\"v-unicode-range\\": \\"U+0025-00FF\\",
- \\"ghi\\": \\"_ghi\\",
- \\"class\\": \\"_class\\",
- \\"other\\": \\"_other\\",
- \\"other-other\\": \\"_other-other\\",
- \\"green\\": \\"_green\\",
- \\"foo\\": \\"_foo\\",
- \\"simple\\": \\"_simple \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"imported-simple\\"] + \\"\\",
- \\"relative\\": \\"_relative \\" + ___CSS_LOADER_ICSS_IMPORT_3___.locals[\\"imported-relative\\"] + \\"\\",
- \\"top-relative\\": \\"_top-relative \\" + ___CSS_LOADER_ICSS_IMPORT_4___.locals[\\"imported-relative\\"] + \\"\\",
- \\"module\\": \\"_module \\" + ___CSS_LOADER_ICSS_IMPORT_5___.locals[\\"imported-module\\"] + \\"\\",
- \\"alias\\": \\"_alias \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
- \\"alias-duplicate\\": \\"_alias-duplicate \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
- \\"primary-selector\\": \\"_primary-selector\\",
- \\"black-selector\\": \\"_black-selector\\",
- \\"header\\": \\"_header\\",
- \\"foobarbaz\\": \\"_foobarbaz\\",
- \\"url\\": \\"_url\\",
- \\"main\\": \\"_main \\" + ___CSS_LOADER_ICSS_IMPORT_7___.locals[\\"scssClass\\"] + \\"\\"
-};
+var _1 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"]}\`;
+export { _1 as "v-def" };
+var _2 = \`\${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["v-foo"]}\`;
+export { _2 as "v-foo" };
+var _3 = \`\${___CSS_LOADER_ICSS_IMPORT_2____NAMED___["v-bar"]}\`;
+export { _3 as "v-bar" };
+export var globalClassName = \`globalClassName\`;
+export var ghi = \`jfnINdjNmjmNE30hJhM2\`;
+var _4 = \`UIbsE5LKj9LULxJh5lui \${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["lessClass"]}\`;
+export { _4 as "class" };
+export var other = \`IhDiFbofjUNbC6vdWN9Z \${___CSS_LOADER_ICSS_IMPORT_2____NAMED___["scssClass"]}\`;
+export var otherClassName = \`vtrwouBgSegFPwkaXOt_ globalClassName\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should work and respect the "exportOnlyLocals" option: result 1`] = `
-Object {
- "locals": Object {
- "alias": "_alias _imported-alias",
- "alias-duplicate": "_alias-duplicate _imported-alias",
- "black-selector": "_black-selector",
- "class": "_class",
- "foo": "_foo",
- "foobarbaz": "_foobarbaz",
- "ghi": "_ghi",
- "green": "_green",
- "header": "_header",
- "m-large": "(min-width: 960px)",
- "m-small": "(min-width: 320px)",
- "main": "_main _scssClass",
- "module": "_module _imported-module",
- "other": "_other",
- "other-other": "_other-other",
- "primary-selector": "_primary-selector",
- "relative": "_relative _imported-relative",
- "s-black": "black-selector",
- "s-white": "white",
- "simple": "_simple _imported-simple",
- "top-relative": "_top-relative undefined",
- "url": "_url",
- "v-bar": "block",
- "v-def": "red",
- "v-dimension": "12px",
- "v-foo": "blue",
- "v-function": "rgb(0,0,0)",
- "v-hex": "#fff",
- "v-ident": "validIdent",
- "v-integer": "100",
- "v-integer-1": "-100",
- "v-integer-2": "+100",
- "v-number": ".60",
- "v-number-1": "-456.8",
- "v-number-2": "-3.4e-2",
- "v-other": "green",
- "v-percentage": "100%",
- "v-pre-defined-ident": "left",
- "v-primary": "#BF4040",
- "v-something": "2112moon",
- "v-string": "'content'",
- "v-string-1": "''",
- "v-unicode-range": "U+0025-00FF",
- "v-url": "url(https://www.exammple.com/images/my-background.png)",
- "v-url-1": "url('https://www.exammple.com/images/my-background.png')",
- "v-url-2": "url(\\"https://www.exammple.com/images/my-background.png\\")",
- },
+exports[`"modules" option should support resolving in composes preprocessor files with extensions: result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/values.css",
+ "
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/less-file.less",
+ ".t5MH7YkQgNxGoiYDjLHG {
+ padding: 5px;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/scss-file.scss",
+ "$color: red;
+
+.oNU7JF6MtPAFrlrthaOD {
+ color: $color;
+ padding: 15px;
+}
+",
+ "",
+ ],
+ [
+ "./modules/composes/composes-preprocessors.css",
+ ".globalClassName {
+ color: orange;
+}
+
+.jfnINdjNmjmNE30hJhM2 {
+ color: red;
+}
+
+.UIbsE5LKj9LULxJh5lui {
+ color: green;
+}
+
+.IhDiFbofjUNbC6vdWN9Z {
+ color: white;
+}
+
+.vtrwouBgSegFPwkaXOt_ {
+ background: #000;
}
+",
+ "",
+ ],
+]
`;
-exports[`"modules" option should work and respect the "exportOnlyLocals" option: warnings 1`] = `Array []`;
+exports[`"modules" option should support resolving in composes preprocessor files with extensions: warnings 1`] = `[]`;
-exports[`"modules" option should work and respect the "getLocalIdent" option: errors 1`] = `Array []`;
+exports[`"modules" option should support resolving in composes: errors 1`] = `[]`;
-exports[`"modules" option should work and respect the "getLocalIdent" option: module 1`] = `
+exports[`"modules" option should support resolving in composes: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./values.css";
+import ___CSS_LOADER_ICSS_IMPORT_1___, * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css";
+import ___CSS_LOADER_ICSS_IMPORT_2___, * as ___CSS_LOADER_ICSS_IMPORT_2____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported-simple.css";
+import ___CSS_LOADER_ICSS_IMPORT_3___, * as ___CSS_LOADER_ICSS_IMPORT_3____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+import ___CSS_LOADER_ICSS_IMPORT_4___, * as ___CSS_LOADER_ICSS_IMPORT_4____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css";
+import ___CSS_LOADER_ICSS_IMPORT_5___, * as ___CSS_LOADER_ICSS_IMPORT_5____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!../issue-861/node_modules/package/style.css";
+import ___CSS_LOADER_ICSS_IMPORT_6___, * as ___CSS_LOADER_ICSS_IMPORT_6____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css";
+import ___CSS_LOADER_ICSS_IMPORT_7___, * as ___CSS_LOADER_ICSS_IMPORT_7____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!sass-loader!./scss-file.scss";
+import ___CSS_LOADER_AT_RULE_IMPORT_0___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./test-other.css";
+import ___CSS_LOADER_GET_URL_IMPORT___ from "../../../../src/runtime/getUrl.js";
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL("../../url/img.png", import.meta.url);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, "(min-width: 100px)");
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_2___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_3___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_4___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_5___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_6___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_7___, "", true);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n background: red;\\\\n}\\\\n\\\\n.foo {\\\\n background: blue;\\\\n}\\\\n\\\\n.foo {\\\\n background: red;\\\\n}\\\\n\\\\n#foo {\\\\n background: green;\\\\n}\\\\n\\\\n.foo .foo {\\\\n color: green;\\\\n}\\\\n\\\\n#foo .foo {\\\\n color: blue;\\\\n}\\\\n\\\\n.foo {\\\\n color: red;\\\\n}\\\\n\\\\n.foo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.foo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.foo {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.foo {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#foo {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#foo {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#foo {\\\\n color: black;\\\\n}\\\\n\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"foo\\",
- \\"test\\": \\"foo\\",
- \\"_test\\": \\"foo\\",
- \\"className\\": \\"foo\\",
- \\"someId\\": \\"foo\\",
- \\"subClass\\": \\"foo\\",
- \\"-a0-34a___f\\": \\"foo\\",
- \\"m_x_@\\": \\"foo\\",
- \\"B&W?\\": \\"foo\\",
- \\":\`(\\": \\"foo\\",
- \\"1a2b3c\\": \\"foo\\",
- \\"#fake-id\\": \\"foo\\",
- \\"-a-b-c-\\": \\"foo\\",
- \\"©\\": \\"foo\\",
- \\"♥\\": \\"foo\\",
- \\"“‘’”\\": \\"foo\\",
- \\"☺☃\\": \\"foo\\",
- \\"⌘⌥\\": \\"foo\\",
- \\"𝄞♪♩♫♬\\": \\"foo\\",
- \\"💩\\": \\"foo\\",
- \\"?\\": \\"foo\\",
- \\"@\\": \\"foo\\",
- \\".\\": \\"foo\\",
- \\":)\\": \\"foo\\",
- \\"\\": \\"foo\\",
- \\"<><<<>><>\\": \\"foo\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"foo\\",
- \\"#\\": \\"foo\\",
- \\"##\\": \\"foo\\",
- \\"#.#.#\\": \\"foo\\",
- \\"_\\": \\"foo\\",
- \\"{}\\": \\"foo\\",
- \\"foo.bar\\": \\"foo\\",
- \\":hover\\": \\"foo\\",
- \\":hover:focus:active\\": \\"foo\\",
- \\"[attr=value]\\": \\"foo\\",
- \\"f/o/o\\": \\"foo\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"foo\\",
- \\"f*o*o\\": \\"foo\\",
- \\"f!o!o\\": \\"foo\\",
- \\"f'o'o\\": \\"foo\\",
- \\"f~o~o\\": \\"foo\\",
- \\"f+o+o\\": \\"foo\\",
- \\"foo/bar\\": \\"foo\\",
- \\"foo\\\\\\\\bar\\": \\"foo\\",
- \\"foo/bar/baz\\": \\"foo\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"foo\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"modules" option should work and respect the "getLocalIdent" option: result 1`] = `
-Array [
- Array [
- "./modules/localIdentName/localIdentName.css",
- ".foo {
- background: red;
+___CSS_LOADER_EXPORT___.push([module.id, \`.ozGmfTedr1GnFJDWqNUH {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"] };
}
-.foo {
- background: blue;
+.zchqshjqLbPAHaRvIBET {
+ color: blue;
}
-.foo {
- background: red;
+.WZBxXqS2GytaA3IBhhnd {
+ display: block;
}
-#foo {
- background: green;
+.W51zcAMuJMsNFi1CXgWr {
+ width: \${ ___CSS_LOADER_ICSS_IMPORT_1____NAMED___["v-something"] };
}
-.foo .foo {
- color: green;
+.KEl5ZxzNkpjfWorrBglC {
+ color: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-other"] };
}
-#foo .foo {
- color: blue;
+.ecAEWh2vww9pNEdyj9Jn {
+ prop: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"] };
+ duplicate: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-other"] };
}
-.foo {
+.CBlowYk8qiAgWWzFeXRA {
color: red;
}
-.foo {
- margin-left: auto !important;
- margin-right: auto !important;
+.c_NHnDcX1bd_kuxgsuYi {
+ color: yellow;
}
-.foo {
- margin-left: auto !important;
- margin-right: auto !important;
+.S0Kwou8pVmsENtBP3hYm {
+ color: gray;
}
-/* matches elements with class=\\":\`(\\" */
-.foo {
- color: aqua;
+.rq663Pq_zV0CjpwttvK4 {
+ color: gray;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.foo {
- color: aliceblue;
+.fadRMHArJofp7sWEbPVR {
+ color: gainsboro;
}
-/* matches the element with id=\\"#fake-id\\" */
-#foo {
- color: antiquewhite;
+.sg1HlXqlWy6l6_Wm5iA7 {
+ color: gainsboro;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#foo {
- color: azure;
+.bnRUswvicYag6u0SPnvI {
+ color: #BF4040;
}
-/* matches the element with id=\\"©\\" */
-#foo {
+.kEJRwpukB2OtmkGTknbU {
color: black;
}
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
-.foo { background: lime; }
+@media (min-width: 960px) {
+ .hY2PI5vC9ABuJY1nkWnf {
+ padding: 0 20px;
+ }
+}
-.foo {
- background: hotpink;
+.\${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["s-white"] } {
+ color: white;
}
-.foo {
- background: hotpink;
+@media \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___["m-small"] } {
+ .hY2PI5vC9ABuJY1nkWnf {
+ padding: 20px 20px;
+ }
}
-.foo {
- background: hotpink;
+.q8mv0HutzqdsVWjl8mAz {
+ v-ident: validIdent;
+ v-pre-defined-ident: left;
+ v-string: 'content';
+ v-string-1: '';
+ v-url: url(https://www.exammple.com/images/my-background.png);
+ v-url-1: url('https://www.exammple.com/images/my-background.png');
+ v-url-2: url("https://www.exammple.com/images/my-background.png");
+ v-integer: 100;
+ v-integer-1: -100;
+ v-integer-2: +100;
+ v-number: .60;
+ v-number-1: -456.8;
+ v-number-2: -3.4e-2;
+ v-dimension: 12px;
+ v-percentage: 100%;
+ v-hex: #fff;
+ v-comment: /* comment */ 10px /* comment */;
+ v-function: rgb(0,0,0);
+ v-unicode-range: U+0025-00FF;
+ mutliple: #fff .60 100%;
}
-.foo {
- background: hotpink;
+
+a {
+ content: 'content';
}
-",
- "",
- ],
-]
-`;
-exports[`"modules" option should work and respect the "getLocalIdent" option: warnings 1`] = `Array []`;
+@supports (content: 'content') {
+ a {
+ content: 'content';
+ }
+}
-exports[`"modules" option should work and respect the "hashPrefix" option: errors 1`] = `Array []`;
+[class~='content'] {
+ color:green;
+}
-exports[`"modules" option should work and respect the "hashPrefix" option: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".test--b41321249ebb0685e6618911156e3110 {\\\\n background: red;\\\\n}\\\\n\\\\n._test--e605d9d2b9f8d108a3bc1e3815bc5742 {\\\\n background: blue;\\\\n}\\\\n\\\\n.className--22bb9d8df40e3da04687c7b7a35cee6c {\\\\n background: red;\\\\n}\\\\n\\\\n#someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3 {\\\\n background: green;\\\\n}\\\\n\\\\n.className--22bb9d8df40e3da04687c7b7a35cee6c .subClass--f26ced8fae092bbf6c32c0755b4b2689 {\\\\n color: green;\\\\n}\\\\n\\\\n#someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3 .subClass--f26ced8fae092bbf6c32c0755b4b2689 {\\\\n color: blue;\\\\n}\\\\n\\\\n.-a0-34a___f--343ba76509d402297336aa3ccd13f346 {\\\\n color: red;\\\\n}\\\\n\\\\n.m_x_\\\\\\\\@--158b897c83b122dd76838523634e11b7 {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.B\\\\\\\\&W\\\\\\\\?--dec830b310ac5c6931031f5077fd515f {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--6d8fd179dc072fe27c949b1fd22eda29 {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.\\\\\\\\31 a2b3c--0db261be3609287250bfbcbc24d1fc95 {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#\\\\\\\\#fake-id--bbd4261c5829e34c0c3185ef34318fd5 {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#-a-b-c---95878fa86c34e277bf41bdd102e87a5a {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#©--20a969c38eb11e123e2bfc547bdc5e08 {\\\\n color: black;\\\\n}\\\\n\\\\n.♥--f3cf6aeaca5cf1740681d26c65f0ec65 { background: lime; }\\\\n.©--20a969c38eb11e123e2bfc547bdc5e08 { background: lime; }\\\\n.“‘’”--a3778ef4d4572ec12c922b10b7512025 { background: lime; }\\\\n.☺☃--3ed5e5b440ef4083dbf310b404b800ed { background: lime; }\\\\n.⌘⌥--7af7e8771036a97e9167554027da67e7 { background: lime; }\\\\n.𝄞♪♩♫♬--b6c998ac9c840d38186128795cfd45c9 { background: lime; }\\\\n.💩--cd06cdeb5495e92691f624dd75e3a38e { background: lime; }\\\\n.\\\\\\\\?--ba4cda6564fd664118a1b291a5eff0d7 { background: lime; }\\\\n.\\\\\\\\@--0c1336757223ea7e8a2972e22c471795 { background: lime; }\\\\n.\\\\\\\\.--4385e8c15fa5c58ca9bbc1b4ad166f56 { background: lime; }\\\\n.\\\\\\\\3A \\\\\\\\)--8943cc547b2d37b17f21e702ab3f99ba { background: lime; }\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--6d8fd179dc072fe27c949b1fd22eda29 { background: lime; }\\\\n.\\\\\\\\31 23--1f55ef8239fee16777731cf45fa529b8 { background: lime; }\\\\n.\\\\\\\\31 a2b3c--0db261be3609287250bfbcbc24d1fc95 { background: lime; }\\\\n.\\\\\\\\--d2e7501107d4092029d4db45e8ae9e72 { background: lime; }\\\\n.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--a80379f802d9488b6714fd98930aa1ba { background: lime; }\\\\n.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--8ea662cb37796e437224e3ce0ea5314e { background: lime; }\\\\n.\\\\\\\\#--a343f54935572672cb08973a510e4b2e { background: lime; }\\\\n.\\\\\\\\#\\\\\\\\#--4bbe051c6da4e2351b9fbbd221787752 { background: lime; }\\\\n.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--f565f781d2204a02f13c1aa1b7353cfa { background: lime; }\\\\n.\\\\\\\\_--b8e05650bf8b01093e4a07aab4788d2f { background: lime; }\\\\n.\\\\\\\\{\\\\\\\\}--bbe33250951aae8c915a981318ab4a7a { background: lime; }\\\\n.\\\\\\\\#fake\\\\\\\\-id--bbd4261c5829e34c0c3185ef34318fd5 { background: lime; }\\\\n.foo\\\\\\\\.bar--0551f095c83cc1760d6fb7744921345f { background: lime; }\\\\n.\\\\\\\\3A hover--b6212951efdcca7b9aceb46749f23bcd { background: lime; }\\\\n.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--7bc9104f0ba7a97d19e5211e52743e40 { background: lime; }\\\\n.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--999e975b969750094580fc2015bd6840 { background: lime; }\\\\n.f\\\\\\\\/o\\\\\\\\/o--4afed9bcde7e2902a43566ee6b9ce203 { background: lime; }\\\\n.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--f817fb0fdeb8ab9770a97595177ec49f { background: lime; }\\\\n.f\\\\\\\\*o\\\\\\\\*o--9ed47d92adad9861729359a6a55c7fae { background: lime; }\\\\n.f\\\\\\\\!o\\\\\\\\!o--aad099478379012e2b7fd745e46719df { background: lime; }\\\\n.f\\\\\\\\'o\\\\\\\\'o--ce931aafc17a7d70c933153c66801161 { background: lime; }\\\\n.f\\\\\\\\~o\\\\\\\\~o--316f0e2fe35eb8a83f4d081bf17affce { background: lime; }\\\\n.f\\\\\\\\+o\\\\\\\\+o--89904935c50f3d0737ac0cd81e50193e { background: lime; }\\\\n\\\\n.foo\\\\\\\\/bar--90160e88d07232be7a64629760892d77 {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\\\\\\\\\bar--5697404c682c28f24c0ff83947dc5fd7 {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\/bar\\\\\\\\/baz--a8c3f89a8e8c169e02875e1211c99fb0 {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--2ae3a61419e61dda045a78f0e0358c93 {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"123--1f55ef8239fee16777731cf45fa529b8\\",
- \\"test\\": \\"test--b41321249ebb0685e6618911156e3110\\",
- \\"_test\\": \\"_test--e605d9d2b9f8d108a3bc1e3815bc5742\\",
- \\"className\\": \\"className--22bb9d8df40e3da04687c7b7a35cee6c\\",
- \\"someId\\": \\"someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3\\",
- \\"subClass\\": \\"subClass--f26ced8fae092bbf6c32c0755b4b2689\\",
- \\"-a0-34a___f\\": \\"-a0-34a___f--343ba76509d402297336aa3ccd13f346\\",
- \\"m_x_@\\": \\"m_x_@--158b897c83b122dd76838523634e11b7\\",
- \\"B&W?\\": \\"B&W?--dec830b310ac5c6931031f5077fd515f\\",
- \\":\`(\\": \\":\`(--6d8fd179dc072fe27c949b1fd22eda29\\",
- \\"1a2b3c\\": \\"1a2b3c--0db261be3609287250bfbcbc24d1fc95\\",
- \\"#fake-id\\": \\"#fake-id--bbd4261c5829e34c0c3185ef34318fd5\\",
- \\"-a-b-c-\\": \\"-a-b-c---95878fa86c34e277bf41bdd102e87a5a\\",
- \\"©\\": \\"©--20a969c38eb11e123e2bfc547bdc5e08\\",
- \\"♥\\": \\"♥--f3cf6aeaca5cf1740681d26c65f0ec65\\",
- \\"“‘’”\\": \\"“‘’”--a3778ef4d4572ec12c922b10b7512025\\",
- \\"☺☃\\": \\"☺☃--3ed5e5b440ef4083dbf310b404b800ed\\",
- \\"⌘⌥\\": \\"⌘⌥--7af7e8771036a97e9167554027da67e7\\",
- \\"𝄞♪♩♫♬\\": \\"𝄞♪♩♫♬--b6c998ac9c840d38186128795cfd45c9\\",
- \\"💩\\": \\"💩--cd06cdeb5495e92691f624dd75e3a38e\\",
- \\"?\\": \\"?--ba4cda6564fd664118a1b291a5eff0d7\\",
- \\"@\\": \\"@--0c1336757223ea7e8a2972e22c471795\\",
- \\".\\": \\".--4385e8c15fa5c58ca9bbc1b4ad166f56\\",
- \\":)\\": \\":)--8943cc547b2d37b17f21e702ab3f99ba\\",
- \\"\\": \\"
--d2e7501107d4092029d4db45e8ae9e72\\",
- \\"<><<<>><>\\": \\"<><<<>><>--a80379f802d9488b6714fd98930aa1ba\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--8ea662cb37796e437224e3ce0ea5314e\\",
- \\"#\\": \\"#--a343f54935572672cb08973a510e4b2e\\",
- \\"##\\": \\"##--4bbe051c6da4e2351b9fbbd221787752\\",
- \\"#.#.#\\": \\"#.#.#--f565f781d2204a02f13c1aa1b7353cfa\\",
- \\"_\\": \\"_--b8e05650bf8b01093e4a07aab4788d2f\\",
- \\"{}\\": \\"{}--bbe33250951aae8c915a981318ab4a7a\\",
- \\"foo.bar\\": \\"foo.bar--0551f095c83cc1760d6fb7744921345f\\",
- \\":hover\\": \\":hover--b6212951efdcca7b9aceb46749f23bcd\\",
- \\":hover:focus:active\\": \\":hover:focus:active--7bc9104f0ba7a97d19e5211e52743e40\\",
- \\"[attr=value]\\": \\"[attr=value]--999e975b969750094580fc2015bd6840\\",
- \\"f/o/o\\": \\"f/o/o--4afed9bcde7e2902a43566ee6b9ce203\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"f\\\\\\\\o\\\\\\\\o--f817fb0fdeb8ab9770a97595177ec49f\\",
- \\"f*o*o\\": \\"f*o*o--9ed47d92adad9861729359a6a55c7fae\\",
- \\"f!o!o\\": \\"f!o!o--aad099478379012e2b7fd745e46719df\\",
- \\"f'o'o\\": \\"f'o'o--ce931aafc17a7d70c933153c66801161\\",
- \\"f~o~o\\": \\"f~o~o--316f0e2fe35eb8a83f4d081bf17affce\\",
- \\"f+o+o\\": \\"f+o+o--89904935c50f3d0737ac0cd81e50193e\\",
- \\"foo/bar\\": \\"foo/bar--90160e88d07232be7a64629760892d77\\",
- \\"foo\\\\\\\\bar\\": \\"foo\\\\\\\\bar--5697404c682c28f24c0ff83947dc5fd7\\",
- \\"foo/bar/baz\\": \\"foo/bar/baz--a8c3f89a8e8c169e02875e1211c99fb0\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"foo\\\\\\\\bar\\\\\\\\baz--2ae3a61419e61dda045a78f0e0358c93\\"
-};
+.xajoqP1d3SwrjJ4WEM8g {
+ background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+
+.Ix5nEHiVOsWuWxdx0twz {
+ background: red;
+}
+\`, ""]);
+// Exports
+var _1 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"]}\`;
+export { _1 as "v-def" };
+var _2 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-other"]}\`;
+export { _2 as "v-other" };
+var _3 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["s-white"]}\`;
+export { _3 as "s-white" };
+var _4 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["m-small"]}\`;
+export { _4 as "m-small" };
+var _5 = \`\${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["v-something"]}\`;
+export { _5 as "v-something" };
+var _6 = \`blue\`;
+export { _6 as "v-foo" };
+var _7 = \`block\`;
+export { _7 as "v-bar" };
+var _8 = \`#BF4040\`;
+export { _8 as "v-primary" };
+var _9 = \`black-selector\`;
+export { _9 as "s-black" };
+var _a = \`(min-width: 960px)\`;
+export { _a as "m-large" };
+var _b = \`validIdent\`;
+export { _b as "v-ident" };
+var _c = \`left\`;
+export { _c as "v-pre-defined-ident" };
+var _d = \`'content'\`;
+export { _d as "v-string" };
+var _e = \`''\`;
+export { _e as "v-string-1" };
+var _f = \`url(https://www.exammple.com/images/my-background.png)\`;
+export { _f as "v-url" };
+var _10 = \`url('https://www.exammple.com/images/my-background.png')\`;
+export { _10 as "v-url-1" };
+var _11 = \`url("https://www.exammple.com/images/my-background.png")\`;
+export { _11 as "v-url-2" };
+var _12 = \`100\`;
+export { _12 as "v-integer" };
+var _13 = \`-100\`;
+export { _13 as "v-integer-1" };
+var _14 = \`+100\`;
+export { _14 as "v-integer-2" };
+var _15 = \`.60\`;
+export { _15 as "v-number" };
+var _16 = \`-456.8\`;
+export { _16 as "v-number-1" };
+var _17 = \`-3.4e-2\`;
+export { _17 as "v-number-2" };
+var _18 = \`12px\`;
+export { _18 as "v-dimension" };
+var _19 = \`100%\`;
+export { _19 as "v-percentage" };
+var _1a = \`#fff\`;
+export { _1a as "v-hex" };
+var _1b = \` /* comment */\`;
+export { _1b as "v-comment" };
+var _1c = \`rgb(0,0,0)\`;
+export { _1c as "v-function" };
+var _1d = \`U+0025-00FF\`;
+export { _1d as "v-unicode-range" };
+export var ghi = \`ozGmfTedr1GnFJDWqNUH\`;
+var _1e = \`zchqshjqLbPAHaRvIBET\`;
+export { _1e as "my-class" };
+export var other = \`WZBxXqS2GytaA3IBhhnd\`;
+var _1f = \`W51zcAMuJMsNFi1CXgWr\`;
+export { _1f as "other-other" };
+export var green = \`KEl5ZxzNkpjfWorrBglC\`;
+export var foo = \`ecAEWh2vww9pNEdyj9Jn\`;
+export var simple = \`CBlowYk8qiAgWWzFeXRA \${___CSS_LOADER_ICSS_IMPORT_2____NAMED___["imported-simple"]}\`;
+export var relative = \`c_NHnDcX1bd_kuxgsuYi \${___CSS_LOADER_ICSS_IMPORT_3____NAMED___["imported-relative"]}\`;
+var _20 = \`S0Kwou8pVmsENtBP3hYm \${___CSS_LOADER_ICSS_IMPORT_4____NAMED___["imported-relative"]}\`;
+export { _20 as "top-relative" };
+var _21 = \`rq663Pq_zV0CjpwttvK4 \${___CSS_LOADER_ICSS_IMPORT_5____NAMED___["imported-module"]}\`;
+export { _21 as "my-module" };
+export var alias = \`fadRMHArJofp7sWEbPVR \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___["imported-alias"]}\`;
+var _22 = \`sg1HlXqlWy6l6_Wm5iA7 \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___["imported-alias"]}\`;
+export { _22 as "alias-duplicate" };
+var _23 = \`bnRUswvicYag6u0SPnvI\`;
+export { _23 as "primary-selector" };
+var _24 = \`kEJRwpukB2OtmkGTknbU\`;
+export { _24 as "black-selector" };
+export var header = \`hY2PI5vC9ABuJY1nkWnf\`;
+export var foobarbaz = \`q8mv0HutzqdsVWjl8mAz\`;
+export var url = \`xajoqP1d3SwrjJ4WEM8g\`;
+export var main = \`Ix5nEHiVOsWuWxdx0twz \${___CSS_LOADER_ICSS_IMPORT_7____NAMED___["scssClass"]}\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should work and respect the "hashPrefix" option: result 1`] = `
-Array [
- Array [
- "./modules/localIdentName/localIdentName.css",
- ".test--b41321249ebb0685e6618911156e3110 {
- background: red;
+exports[`"modules" option should support resolving in composes: result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/test-other.css",
+ ".s4X7wVQcTygYUV4ttKyQ {
+ d: d;
+}
+",
+ "(min-width: 100px)",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/values.css",
+ "
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/something.css",
+ "
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/imported-simple.css",
+ ".pCAAqHK9Lcplw9QM7Rj0 {
+ display: block;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/relative.css",
+ ".o0pMg4suYQOIzdBIQJv1 {
+ display: inline;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/top-relative.css",
+ ".l9CmW32NEl99tuNLdbzp {
+ display: flex;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/issue-861/node_modules/package/style.css",
+ ".q49Ogfvno__tAgAiYJcD {
+ display: inline-block;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/alias.css",
+ ".dnhKs1AYKq4KodZdfzcx {
+ display: table;
+}
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!../../node_modules/sass-loader/dist/cjs.js!./modules/composes/scss-file.scss",
+ ".oNU7JF6MtPAFrlrthaOD {
+ color: red;
+ padding: 15px;
+}",
+ "",
+ ],
+ [
+ "./modules/composes/composes.css",
+ ".ozGmfTedr1GnFJDWqNUH {
+ color: red;
}
-._test--e605d9d2b9f8d108a3bc1e3815bc5742 {
- background: blue;
+.zchqshjqLbPAHaRvIBET {
+ color: blue;
}
-.className--22bb9d8df40e3da04687c7b7a35cee6c {
- background: red;
+.WZBxXqS2GytaA3IBhhnd {
+ display: block;
}
-#someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3 {
- background: green;
+.W51zcAMuJMsNFi1CXgWr {
+ width: 2112moon;
}
-.className--22bb9d8df40e3da04687c7b7a35cee6c .subClass--f26ced8fae092bbf6c32c0755b4b2689 {
+.KEl5ZxzNkpjfWorrBglC {
color: green;
}
-#someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3 .subClass--f26ced8fae092bbf6c32c0755b4b2689 {
- color: blue;
+.ecAEWh2vww9pNEdyj9Jn {
+ prop: red;
+ duplicate: green;
}
-.-a0-34a___f--343ba76509d402297336aa3ccd13f346 {
+.CBlowYk8qiAgWWzFeXRA {
color: red;
}
-.m_x_\\\\@--158b897c83b122dd76838523634e11b7 {
- margin-left: auto !important;
- margin-right: auto !important;
+.c_NHnDcX1bd_kuxgsuYi {
+ color: yellow;
}
-.B\\\\&W\\\\?--dec830b310ac5c6931031f5077fd515f {
- margin-left: auto !important;
- margin-right: auto !important;
+.S0Kwou8pVmsENtBP3hYm {
+ color: gray;
}
-/* matches elements with class=\\":\`(\\" */
-.\\\\3A \\\\\`\\\\(--6d8fd179dc072fe27c949b1fd22eda29 {
- color: aqua;
+.rq663Pq_zV0CjpwttvK4 {
+ color: gray;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.\\\\31 a2b3c--0db261be3609287250bfbcbc24d1fc95 {
- color: aliceblue;
+.fadRMHArJofp7sWEbPVR {
+ color: gainsboro;
}
-/* matches the element with id=\\"#fake-id\\" */
-#\\\\#fake-id--bbd4261c5829e34c0c3185ef34318fd5 {
- color: antiquewhite;
+.sg1HlXqlWy6l6_Wm5iA7 {
+ color: gainsboro;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#-a-b-c---95878fa86c34e277bf41bdd102e87a5a {
- color: azure;
+.bnRUswvicYag6u0SPnvI {
+ color: #BF4040;
}
-/* matches the element with id=\\"©\\" */
-#©--20a969c38eb11e123e2bfc547bdc5e08 {
+.kEJRwpukB2OtmkGTknbU {
color: black;
}
-.♥--f3cf6aeaca5cf1740681d26c65f0ec65 { background: lime; }
-.©--20a969c38eb11e123e2bfc547bdc5e08 { background: lime; }
-.“‘’”--a3778ef4d4572ec12c922b10b7512025 { background: lime; }
-.☺☃--3ed5e5b440ef4083dbf310b404b800ed { background: lime; }
-.⌘⌥--7af7e8771036a97e9167554027da67e7 { background: lime; }
-.𝄞♪♩♫♬--b6c998ac9c840d38186128795cfd45c9 { background: lime; }
-.💩--cd06cdeb5495e92691f624dd75e3a38e { background: lime; }
-.\\\\?--ba4cda6564fd664118a1b291a5eff0d7 { background: lime; }
-.\\\\@--0c1336757223ea7e8a2972e22c471795 { background: lime; }
-.\\\\.--4385e8c15fa5c58ca9bbc1b4ad166f56 { background: lime; }
-.\\\\3A \\\\)--8943cc547b2d37b17f21e702ab3f99ba { background: lime; }
-.\\\\3A \\\\\`\\\\(--6d8fd179dc072fe27c949b1fd22eda29 { background: lime; }
-.\\\\31 23--1f55ef8239fee16777731cf45fa529b8 { background: lime; }
-.\\\\31 a2b3c--0db261be3609287250bfbcbc24d1fc95 { background: lime; }
-.\\\\--d2e7501107d4092029d4db45e8ae9e72 { background: lime; }
-.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--a80379f802d9488b6714fd98930aa1ba { background: lime; }
-.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--8ea662cb37796e437224e3ce0ea5314e { background: lime; }
-.\\\\#--a343f54935572672cb08973a510e4b2e { background: lime; }
-.\\\\#\\\\#--4bbe051c6da4e2351b9fbbd221787752 { background: lime; }
-.\\\\#\\\\.\\\\#\\\\.\\\\#--f565f781d2204a02f13c1aa1b7353cfa { background: lime; }
-.\\\\_--b8e05650bf8b01093e4a07aab4788d2f { background: lime; }
-.\\\\{\\\\}--bbe33250951aae8c915a981318ab4a7a { background: lime; }
-.\\\\#fake\\\\-id--bbd4261c5829e34c0c3185ef34318fd5 { background: lime; }
-.foo\\\\.bar--0551f095c83cc1760d6fb7744921345f { background: lime; }
-.\\\\3A hover--b6212951efdcca7b9aceb46749f23bcd { background: lime; }
-.\\\\3A hover\\\\3A focus\\\\3A active--7bc9104f0ba7a97d19e5211e52743e40 { background: lime; }
-.\\\\[attr\\\\=value\\\\]--999e975b969750094580fc2015bd6840 { background: lime; }
-.f\\\\/o\\\\/o--4afed9bcde7e2902a43566ee6b9ce203 { background: lime; }
-.f\\\\\\\\o\\\\\\\\o--f817fb0fdeb8ab9770a97595177ec49f { background: lime; }
-.f\\\\*o\\\\*o--9ed47d92adad9861729359a6a55c7fae { background: lime; }
-.f\\\\!o\\\\!o--aad099478379012e2b7fd745e46719df { background: lime; }
-.f\\\\'o\\\\'o--ce931aafc17a7d70c933153c66801161 { background: lime; }
-.f\\\\~o\\\\~o--316f0e2fe35eb8a83f4d081bf17affce { background: lime; }
-.f\\\\+o\\\\+o--89904935c50f3d0737ac0cd81e50193e { background: lime; }
-
-.foo\\\\/bar--90160e88d07232be7a64629760892d77 {
- background: hotpink;
+@media (min-width: 960px) {
+ .hY2PI5vC9ABuJY1nkWnf {
+ padding: 0 20px;
+ }
}
-.foo\\\\\\\\bar--5697404c682c28f24c0ff83947dc5fd7 {
- background: hotpink;
+.white {
+ color: white;
}
-.foo\\\\/bar\\\\/baz--a8c3f89a8e8c169e02875e1211c99fb0 {
- background: hotpink;
+@media (min-width: 320px) {
+ .hY2PI5vC9ABuJY1nkWnf {
+ padding: 20px 20px;
+ }
}
-.foo\\\\\\\\bar\\\\\\\\baz--2ae3a61419e61dda045a78f0e0358c93 {
- background: hotpink;
+.q8mv0HutzqdsVWjl8mAz {
+ v-ident: validIdent;
+ v-pre-defined-ident: left;
+ v-string: 'content';
+ v-string-1: '';
+ v-url: url(https://www.exammple.com/images/my-background.png);
+ v-url-1: url('https://www.exammple.com/images/my-background.png');
+ v-url-2: url("https://www.exammple.com/images/my-background.png");
+ v-integer: 100;
+ v-integer-1: -100;
+ v-integer-2: +100;
+ v-number: .60;
+ v-number-1: -456.8;
+ v-number-2: -3.4e-2;
+ v-dimension: 12px;
+ v-percentage: 100%;
+ v-hex: #fff;
+ v-comment: /* comment */ 10px /* comment */;
+ v-function: rgb(0,0,0);
+ v-unicode-range: U+0025-00FF;
+ mutliple: #fff .60 100%;
}
-",
- "",
- ],
-]
-`;
-
-exports[`"modules" option should work and respect the "hashPrefix" option: warnings 1`] = `Array []`;
-exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: errors 1`] = `Array []`;
-
-exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"bar\\",
- \\"my-btn-info_is-disabled\\": \\"value\\",
- \\"btn-info_is-disabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
- \\"btn--info_is-disabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
- \\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
- \\"foo_bar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: result 1`] = `
-Array [
- Array [
- "./modules/localsConvention/localsConvention.css",
- "._2Q1V4VOWJJw_SluZvvIlhU {
- color: blue;
+a {
+ content: 'content';
}
-._3gHYo9kyEfgQSONFjm5nvh {
- color: blue;
+@supports (content: 'content') {
+ a {
+ content: 'content';
+ }
}
-._2jczkRmOmQX2P5z27ZjpPQ {
- color: red;
+[class~='content'] {
+ color:green;
}
-a {
- color: yellow;
+.xajoqP1d3SwrjJ4WEM8g {
+ background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
-._3VtSmmeR_mxHj2SfhVM4Hm {
- color: red;
+.Ix5nEHiVOsWuWxdx0twz {
+ background: red;
}
",
"",
@@ -2939,400 +2630,388 @@ a {
]
`;
-exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: warnings 1`] = `Array []`;
+exports[`"modules" option should support resolving in composes: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
-exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: errors 1`] = `Array []`;
+More info: https://sass-lang.com/d/legacy-js-api",
+]
+`;
-exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"bar\\",
- \\"my-btn-info_is-disabled\\": \\"value\\",
- \\"myBtnInfoIsDisabled\\": \\"value\\",
- \\"btn-info_is-disabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
- \\"btnInfoIsDisabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
- \\"btn--info_is-disabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
- \\"btnInfoIsDisabled1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
- \\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
- \\"foo_bar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\",
- \\"fooBar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
+exports[`"modules" option should throw an error on unresolved import: errors 1`] = `
+[
+ "ModuleBuildError: Module build failed (from \`replaced original path\`):
+Error: Can't resolve './unresolved.css' in '/test/fixtures/modules/unresolved'",
+]
`;
-exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: result 1`] = `
-Array [
- Array [
- "./modules/localsConvention/localsConvention.css",
- "._2Q1V4VOWJJw_SluZvvIlhU {
- color: blue;
-}
+exports[`"modules" option should throw an error on unresolved import: warnings 1`] = `[]`;
-._3gHYo9kyEfgQSONFjm5nvh {
- color: blue;
-}
+exports[`"modules" option should throw an error when class has unsupported name (JavaScript reserved words): errors 1`] = `[]`;
-._2jczkRmOmQX2P5z27ZjpPQ {
- color: red;
-}
+exports[`"modules" option should throw an error when class has unsupported name (JavaScript reserved words): warnings 1`] = `[]`;
-a {
- color: yellow;
-}
+exports[`"modules" option should throw an error when the "namedExport" is enabled and the "exportLocalsConvention" options has not "camelCaseOnly" value: errors 1`] = `[]`;
-._3VtSmmeR_mxHj2SfhVM4Hm {
- color: red;
-}
-",
- "",
- ],
+exports[`"modules" option should throw an error when the "namedExport" is enabled and the "exportLocalsConvention" options has not "camelCaseOnly" value: warnings 1`] = `[]`;
+
+exports[`"modules" option should throw an error when the "namedExport" option is "true", but the "esModule" is "false": errors 1`] = `
+[
+ "ModuleBuildError: Module build failed (from \`replaced original path\`):
+Error: The 'modules.namedExport' option requires the 'esModule' option to be enabled",
]
`;
-exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: warnings 1`] = `Array []`;
-
-exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: errors 1`] = `Array []`;
+exports[`"modules" option should throw an error when the "namedExport" option is "true", but the "esModule" is "false": warnings 1`] = `[]`;
-exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"bar\\",
- \\"myBtnInfoIsDisabled\\": \\"value\\",
- \\"btnInfoIsDisabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
- \\"btnInfoIsDisabled1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
- \\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
- \\"fooBar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
+exports[`"modules" option should throw error when the "exportLocalsConvention" function throw error: errors 1`] = `
+[
+ "ModuleBuildError: Module build failed (from \`replaced original path\`):
+Error: namedExportFn error",
+]
`;
-exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: result 1`] = `
-Array [
- Array [
- "./modules/localsConvention/localsConvention.css",
- "._2Q1V4VOWJJw_SluZvvIlhU {
- color: blue;
-}
+exports[`"modules" option should throw error when the "exportLocalsConvention" function throw error: warnings 1`] = `[]`;
-._3gHYo9kyEfgQSONFjm5nvh {
- color: blue;
-}
+exports[`"modules" option should throw error with composes when the "namedExport" is enabled and "exportLocalsConvention" options has invalid value: errors 1`] = `[]`;
-._2jczkRmOmQX2P5z27ZjpPQ {
- color: red;
-}
+exports[`"modules" option should throw error with composes when the "namedExport" is enabled and "exportLocalsConvention" options has invalid value: warnings 1`] = `[]`;
-a {
- color: yellow;
-}
+exports[`"modules" option should work and correctly replace escaped symbols: errors 1`] = `[]`;
-._3VtSmmeR_mxHj2SfhVM4Hm {
- color: red;
+exports[`"modules" option should work and correctly replace escaped symbols: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.test--KuIS {
+ background: red;
}
-",
- "",
- ],
-]
-`;
-exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: warnings 1`] = `Array []`;
+._test--Lb3f {
+ background: blue;
+}
-exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: errors 1`] = `Array []`;
+.className--Ldhp {
+ background: red;
+}
-exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"bar\\",
- \\"my-btn-info_is-disabled\\": \\"value\\",
- \\"myBtnInfo_isDisabled\\": \\"value\\",
- \\"btn-info_is-disabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
- \\"btnInfo_isDisabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
- \\"btn--info_is-disabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
- \\"btnInfo_isDisabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
- \\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
- \\"foo_bar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+#someId--b0rh {
+ background: green;
+}
-exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: result 1`] = `
-Array [
- Array [
- "./modules/localsConvention/localsConvention.css",
- "._2Q1V4VOWJJw_SluZvvIlhU {
- color: blue;
+.className--Ldhp .subClass--Mw9j {
+ color: green;
}
-._3gHYo9kyEfgQSONFjm5nvh {
+#someId--b0rh .subClass--Mw9j {
color: blue;
}
-._2jczkRmOmQX2P5z27ZjpPQ {
+.-a0-34a___f--DdFW {
color: red;
}
-a {
- color: yellow;
+.m_x_\\\\@--OdAm {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-._3VtSmmeR_mxHj2SfhVM4Hm {
- color: red;
+.B\\\\&W\\\\?--h4SE {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-
-exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: warnings 1`] = `Array []`;
-
-exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: errors 1`] = `Array []`;
-exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"bar\\",
- \\"myBtnInfo_isDisabled\\": \\"value\\",
- \\"btnInfo_isDisabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
- \\"btnInfo_isDisabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
- \\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
- \\"foo_bar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
+/* matches elements with class=":\\\`(" */
+.\\\\3A \\\\\\\`\\\\(--fKJQ {
+ color: aqua;
+}
-exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: result 1`] = `
-Array [
- Array [
- "./modules/localsConvention/localsConvention.css",
- "._2Q1V4VOWJJw_SluZvvIlhU {
- color: blue;
+/* matches elements with class="1a2b3c" */
+.\\\\31 a2b3c--YR1u {
+ color: aliceblue;
}
-._3gHYo9kyEfgQSONFjm5nvh {
- color: blue;
+/* matches the element with id="#fake-id" */
+#\\\\#fake-id--AqiA {
+ color: antiquewhite;
}
-._2jczkRmOmQX2P5z27ZjpPQ {
- color: red;
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---CwXv {
+ color: azure;
}
-a {
- color: yellow;
+/* matches the element with id="©" */
+#©--jBj0 {
+ color: black;
}
-._3VtSmmeR_mxHj2SfhVM4Hm {
- color: red;
+.♥--vJl9 { background: lime; }
+.©--jBj0 { background: lime; }
+.😍--CNLr { background: lime; }
+.“‘’”--GM0Y { background: lime; }
+.☺☃--NKrB { background: lime; }
+.⌘⌥--edHW { background: lime; }
+.𝄞♪♩♫♬--QyMp { background: lime; }
+.💩--B82Y { background: lime; }
+.\\\\?--ndmp { background: lime; }
+.\\\\@--v3gq { background: lime; }
+.\\\\.--zd5u { background: lime; }
+.\\\\3A \\\\)--ZiZn { background: lime; }
+.\\\\3A \\\\\\\`\\\\(--fKJQ { background: lime; }
+.\\\\31 23--oqRG { background: lime; }
+.\\\\31 a2b3c--YR1u { background: lime; }
+.\\\\--TdAx { background: lime; }
+.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--ozNs { background: lime; }
+.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--ByKo { background: lime; }
+.\\\\#--HkwI { background: lime; }
+.\\\\#\\\\#--IJc6 { background: lime; }
+.\\\\#\\\\.\\\\#\\\\.\\\\#--BnPp { background: lime; }
+.\\\\_--bCwk { background: lime; }
+.\\\\{\\\\}--IZkB { background: lime; }
+.\\\\#fake\\\\-id--AqiA { background: lime; }
+.foo\\\\.bar--uajo { background: lime; }
+.\\\\3A hover--HVud { background: lime; }
+.\\\\3A hover\\\\3A focus\\\\3A active--Zlaa { background: lime; }
+.\\\\[attr\\\\=value\\\\]--PWvC { background: lime; }
+.f\\\\/o\\\\/o--A5l5 { background: lime; }
+.f\\\\\\\\o\\\\\\\\o--DFfh { background: lime; }
+.f\\\\*o\\\\*o--gv1E { background: lime; }
+.f\\\\!o\\\\!o--_aIy { background: lime; }
+.f\\\\'o\\\\'o--HSXN { background: lime; }
+.f\\\\~o\\\\~o--MrVz { background: lime; }
+.f\\\\+o\\\\+o--EvMH { background: lime; }
+
+.foo\\\\/bar--hei2 {
+ background: hotpink;
}
-",
- "",
- ],
-]
-`;
-exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: warnings 1`] = `Array []`;
+.foo\\\\\\\\bar--IgSz {
+ background: hotpink;
+}
-exports[`"modules" option should work and respect the "localIdentName" option: errors 1`] = `Array []`;
+.foo\\\\/bar\\\\/baz--p6KJ {
+ background: hotpink;
+}
-exports[`"modules" option should work and respect the "localIdentName" option: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".localIdentName--test--3THCh {\\\\n background: red;\\\\n}\\\\n\\\\n.localIdentName--_test--1Ic0T {\\\\n background: blue;\\\\n}\\\\n\\\\n.localIdentName--className--1cIQw {\\\\n background: red;\\\\n}\\\\n\\\\n#localIdentName--someId--2KQxk {\\\\n background: green;\\\\n}\\\\n\\\\n.localIdentName--className--1cIQw .localIdentName--subClass--1SaZq {\\\\n color: green;\\\\n}\\\\n\\\\n#localIdentName--someId--2KQxk .localIdentName--subClass--1SaZq {\\\\n color: blue;\\\\n}\\\\n\\\\n.localIdentName---a0-34a___f--3_8fO {\\\\n color: red;\\\\n}\\\\n\\\\n.localIdentName--m_x_\\\\\\\\@--oSCIy {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.localIdentName--B\\\\\\\\&W\\\\\\\\?--1YhNo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.localIdentName--\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--1OM1X {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.localIdentName--\\\\\\\\31 a2b3c--1bpu3 {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#localIdentName--\\\\\\\\#fake-id--1CCtl {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#localIdentName---a-b-c---2TwUo {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#localIdentName--©--2DQau {\\\\n color: black;\\\\n}\\\\n\\\\n.localIdentName--♥--1OsGH { background: lime; }\\\\n.localIdentName--©--2DQau { background: lime; }\\\\n.localIdentName--“‘’”--2KvI5 { background: lime; }\\\\n.localIdentName--☺☃--2yQjB { background: lime; }\\\\n.localIdentName--⌘⌥--3fcdf { background: lime; }\\\\n.localIdentName--𝄞♪♩♫♬--36_8U { background: lime; }\\\\n.localIdentName--💩--uHOC9 { background: lime; }\\\\n.localIdentName--\\\\\\\\?--3yhO8 { background: lime; }\\\\n.localIdentName--\\\\\\\\@--2FM4H { background: lime; }\\\\n.localIdentName--\\\\\\\\.--3Xwjs { background: lime; }\\\\n.localIdentName--\\\\\\\\3A \\\\\\\\)--3Rekp { background: lime; }\\\\n.localIdentName--\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--1OM1X { background: lime; }\\\\n.localIdentName--\\\\\\\\31 23--3rkg9 { background: lime; }\\\\n.localIdentName--\\\\\\\\31 a2b3c--1bpu3 { background: lime; }\\\\n.localIdentName--\\\\\\\\--2NpJO { background: lime; }\\\\n.localIdentName--\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--3rLnD { background: lime; }\\\\n.localIdentName--\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--fBy3x { background: lime; }\\\\n.localIdentName--\\\\\\\\#--1mZzx { background: lime; }\\\\n.localIdentName--\\\\\\\\#\\\\\\\\#--31Eih { background: lime; }\\\\n.localIdentName--\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--3aQjU { background: lime; }\\\\n.localIdentName--\\\\\\\\_--Fi_vb { background: lime; }\\\\n.localIdentName--\\\\\\\\{\\\\\\\\}--2PPE1 { background: lime; }\\\\n.localIdentName--\\\\\\\\#fake\\\\\\\\-id--1CCtl { background: lime; }\\\\n.localIdentName--foo\\\\\\\\.bar--1CwcQ { background: lime; }\\\\n.localIdentName--\\\\\\\\3A hover--1wJ1H { background: lime; }\\\\n.localIdentName--\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--2bgUH { background: lime; }\\\\n.localIdentName--\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--2kDs7 { background: lime; }\\\\n.localIdentName--f\\\\\\\\/o\\\\\\\\/o--kDF4z { background: lime; }\\\\n.localIdentName--f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--11wgS { background: lime; }\\\\n.localIdentName--f\\\\\\\\*o\\\\\\\\*o--3SaQa { background: lime; }\\\\n.localIdentName--f\\\\\\\\!o\\\\\\\\!o--3WN_y { background: lime; }\\\\n.localIdentName--f\\\\\\\\'o\\\\\\\\'o--uiCGu { background: lime; }\\\\n.localIdentName--f\\\\\\\\~o\\\\\\\\~o--1Wue4 { background: lime; }\\\\n.localIdentName--f\\\\\\\\+o\\\\\\\\+o--3x4WJ { background: lime; }\\\\n\\\\n.localIdentName--foo\\\\\\\\/bar--3S7V- {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.localIdentName--foo\\\\\\\\\\\\\\\\bar--3mkt5 {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.localIdentName--foo\\\\\\\\/bar\\\\\\\\/baz--2x1dg {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.localIdentName--foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--2a8NO {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"localIdentName--123--3rkg9\\",
- \\"test\\": \\"localIdentName--test--3THCh\\",
- \\"_test\\": \\"localIdentName--_test--1Ic0T\\",
- \\"className\\": \\"localIdentName--className--1cIQw\\",
- \\"someId\\": \\"localIdentName--someId--2KQxk\\",
- \\"subClass\\": \\"localIdentName--subClass--1SaZq\\",
- \\"-a0-34a___f\\": \\"localIdentName---a0-34a___f--3_8fO\\",
- \\"m_x_@\\": \\"localIdentName--m_x_@--oSCIy\\",
- \\"B&W?\\": \\"localIdentName--B&W?--1YhNo\\",
- \\":\`(\\": \\"localIdentName--:\`(--1OM1X\\",
- \\"1a2b3c\\": \\"localIdentName--1a2b3c--1bpu3\\",
- \\"#fake-id\\": \\"localIdentName--#fake-id--1CCtl\\",
- \\"-a-b-c-\\": \\"localIdentName---a-b-c---2TwUo\\",
- \\"©\\": \\"localIdentName--©--2DQau\\",
- \\"♥\\": \\"localIdentName--♥--1OsGH\\",
- \\"“‘’”\\": \\"localIdentName--“‘’”--2KvI5\\",
- \\"☺☃\\": \\"localIdentName--☺☃--2yQjB\\",
- \\"⌘⌥\\": \\"localIdentName--⌘⌥--3fcdf\\",
- \\"𝄞♪♩♫♬\\": \\"localIdentName--𝄞♪♩♫♬--36_8U\\",
- \\"💩\\": \\"localIdentName--💩--uHOC9\\",
- \\"?\\": \\"localIdentName--?--3yhO8\\",
- \\"@\\": \\"localIdentName--@--2FM4H\\",
- \\".\\": \\"localIdentName--.--3Xwjs\\",
- \\":)\\": \\"localIdentName--:)--3Rekp\\",
- \\"\\": \\"localIdentName--
--2NpJO\\",
- \\"<><<<>><>\\": \\"localIdentName--<><<<>><>--3rLnD\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"localIdentName--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--fBy3x\\",
- \\"#\\": \\"localIdentName--#--1mZzx\\",
- \\"##\\": \\"localIdentName--##--31Eih\\",
- \\"#.#.#\\": \\"localIdentName--#.#.#--3aQjU\\",
- \\"_\\": \\"localIdentName--_--Fi_vb\\",
- \\"{}\\": \\"localIdentName--{}--2PPE1\\",
- \\"foo.bar\\": \\"localIdentName--foo.bar--1CwcQ\\",
- \\":hover\\": \\"localIdentName--:hover--1wJ1H\\",
- \\":hover:focus:active\\": \\"localIdentName--:hover:focus:active--2bgUH\\",
- \\"[attr=value]\\": \\"localIdentName--[attr=value]--2kDs7\\",
- \\"f/o/o\\": \\"localIdentName--f/o/o--kDF4z\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"localIdentName--f\\\\\\\\o\\\\\\\\o--11wgS\\",
- \\"f*o*o\\": \\"localIdentName--f*o*o--3SaQa\\",
- \\"f!o!o\\": \\"localIdentName--f!o!o--3WN_y\\",
- \\"f'o'o\\": \\"localIdentName--f'o'o--uiCGu\\",
- \\"f~o~o\\": \\"localIdentName--f~o~o--1Wue4\\",
- \\"f+o+o\\": \\"localIdentName--f+o+o--3x4WJ\\",
- \\"foo/bar\\": \\"localIdentName--foo/bar--3S7V-\\",
- \\"foo\\\\\\\\bar\\": \\"localIdentName--foo\\\\\\\\bar--3mkt5\\",
- \\"foo/bar/baz\\": \\"localIdentName--foo/bar/baz--2x1dg\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"localIdentName--foo\\\\\\\\bar\\\\\\\\baz--2a8NO\\"
-};
+.foo\\\\\\\\bar\\\\\\\\baz--HZer {
+ background: hotpink;
+}
+\`, ""]);
+// Exports
+var _1 = \`123--oqRG\`;
+export { _1 as "123" };
+export var test = \`test--KuIS\`;
+export var _test = \`_test--Lb3f\`;
+export var className = \`className--Ldhp\`;
+export var someId = \`someId--b0rh\`;
+export var subClass = \`subClass--Mw9j\`;
+var _2 = \`-a0-34a___f--DdFW\`;
+export { _2 as "-a0-34a___f" };
+var _3 = \`m_x_@--OdAm\`;
+export { _3 as "m_x_@" };
+var _4 = \`B&W?--h4SE\`;
+export { _4 as "B&W?" };
+var _5 = \`:\\\`(--fKJQ\`;
+export { _5 as ":\`(" };
+var _6 = \`1a2b3c--YR1u\`;
+export { _6 as "1a2b3c" };
+var _7 = \`#fake-id--AqiA\`;
+export { _7 as "#fake-id" };
+var _8 = \`-a-b-c---CwXv\`;
+export { _8 as "-a-b-c-" };
+var _9 = \`©--jBj0\`;
+export { _9 as "©" };
+var _a = \`♥--vJl9\`;
+export { _a as "♥" };
+var _b = \`😍--CNLr\`;
+export { _b as "😍" };
+var _c = \`“‘’”--GM0Y\`;
+export { _c as "“‘’”" };
+var _d = \`☺☃--NKrB\`;
+export { _d as "☺☃" };
+var _e = \`⌘⌥--edHW\`;
+export { _e as "⌘⌥" };
+var _f = \`𝄞♪♩♫♬--QyMp\`;
+export { _f as "𝄞♪♩♫♬" };
+var _10 = \`💩--B82Y\`;
+export { _10 as "💩" };
+var _11 = \`?--ndmp\`;
+export { _11 as "?" };
+var _12 = \`@--v3gq\`;
+export { _12 as "@" };
+var _13 = \`.--zd5u\`;
+export { _13 as "." };
+var _14 = \`:)--ZiZn\`;
+export { _14 as ":)" };
+var _15 = \`
--TdAx\`;
+export { _15 as "
" };
+var _16 = \`<><<<>><>--ozNs\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--ByKo\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`#--HkwI\`;
+export { _18 as "#" };
+var _19 = \`##--IJc6\`;
+export { _19 as "##" };
+var _1a = \`#.#.#--BnPp\`;
+export { _1a as "#.#.#" };
+export var _ = \`_--bCwk\`;
+var _1b = \`{}--IZkB\`;
+export { _1b as "{}" };
+var _1c = \`foo.bar--uajo\`;
+export { _1c as "foo.bar" };
+var _1d = \`:hover--HVud\`;
+export { _1d as ":hover" };
+var _1e = \`:hover:focus:active--Zlaa\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`[attr=value]--PWvC\`;
+export { _1f as "[attr=value]" };
+var _20 = \`f/o/o--A5l5\`;
+export { _20 as "f/o/o" };
+var _21 = \`f\\\\o\\\\o--DFfh\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`f*o*o--gv1E\`;
+export { _22 as "f*o*o" };
+var _23 = \`f!o!o--_aIy\`;
+export { _23 as "f!o!o" };
+var _24 = \`f'o'o--HSXN\`;
+export { _24 as "f'o'o" };
+var _25 = \`f~o~o--MrVz\`;
+export { _25 as "f~o~o" };
+var _26 = \`f+o+o--EvMH\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo/bar--hei2\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\\\\bar--IgSz\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo/bar/baz--p6KJ\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\\\\bar\\\\baz--HZer\`;
+export { _2a as "foo\\\\bar\\\\baz" };
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should work and respect the "localIdentName" option: result 1`] = `
-Array [
- Array [
+exports[`"modules" option should work and correctly replace escaped symbols: result 1`] = `
+[
+ [
"./modules/localIdentName/localIdentName.css",
- ".localIdentName--test--3THCh {
+ ".test--KuIS {
background: red;
}
-.localIdentName--_test--1Ic0T {
+._test--Lb3f {
background: blue;
}
-.localIdentName--className--1cIQw {
+.className--Ldhp {
background: red;
}
-#localIdentName--someId--2KQxk {
+#someId--b0rh {
background: green;
}
-.localIdentName--className--1cIQw .localIdentName--subClass--1SaZq {
+.className--Ldhp .subClass--Mw9j {
color: green;
}
-#localIdentName--someId--2KQxk .localIdentName--subClass--1SaZq {
+#someId--b0rh .subClass--Mw9j {
color: blue;
}
-.localIdentName---a0-34a___f--3_8fO {
+.-a0-34a___f--DdFW {
color: red;
}
-.localIdentName--m_x_\\\\@--oSCIy {
+.m_x_\\@--OdAm {
margin-left: auto !important;
margin-right: auto !important;
}
-.localIdentName--B\\\\&W\\\\?--1YhNo {
+.B\\&W\\?--h4SE {
margin-left: auto !important;
margin-right: auto !important;
}
-/* matches elements with class=\\":\`(\\" */
-.localIdentName--\\\\3A \\\\\`\\\\(--1OM1X {
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(--fKJQ {
color: aqua;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.localIdentName--\\\\31 a2b3c--1bpu3 {
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c--YR1u {
color: aliceblue;
}
-/* matches the element with id=\\"#fake-id\\" */
-#localIdentName--\\\\#fake-id--1CCtl {
+/* matches the element with id="#fake-id" */
+#\\#fake-id--AqiA {
color: antiquewhite;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#localIdentName---a-b-c---2TwUo {
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---CwXv {
color: azure;
}
-/* matches the element with id=\\"©\\" */
-#localIdentName--©--2DQau {
+/* matches the element with id="©" */
+#©--jBj0 {
color: black;
}
-.localIdentName--♥--1OsGH { background: lime; }
-.localIdentName--©--2DQau { background: lime; }
-.localIdentName--“‘’”--2KvI5 { background: lime; }
-.localIdentName--☺☃--2yQjB { background: lime; }
-.localIdentName--⌘⌥--3fcdf { background: lime; }
-.localIdentName--𝄞♪♩♫♬--36_8U { background: lime; }
-.localIdentName--💩--uHOC9 { background: lime; }
-.localIdentName--\\\\?--3yhO8 { background: lime; }
-.localIdentName--\\\\@--2FM4H { background: lime; }
-.localIdentName--\\\\.--3Xwjs { background: lime; }
-.localIdentName--\\\\3A \\\\)--3Rekp { background: lime; }
-.localIdentName--\\\\3A \\\\\`\\\\(--1OM1X { background: lime; }
-.localIdentName--\\\\31 23--3rkg9 { background: lime; }
-.localIdentName--\\\\31 a2b3c--1bpu3 { background: lime; }
-.localIdentName--\\\\--2NpJO { background: lime; }
-.localIdentName--\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--3rLnD { background: lime; }
-.localIdentName--\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--fBy3x { background: lime; }
-.localIdentName--\\\\#--1mZzx { background: lime; }
-.localIdentName--\\\\#\\\\#--31Eih { background: lime; }
-.localIdentName--\\\\#\\\\.\\\\#\\\\.\\\\#--3aQjU { background: lime; }
-.localIdentName--\\\\_--Fi_vb { background: lime; }
-.localIdentName--\\\\{\\\\}--2PPE1 { background: lime; }
-.localIdentName--\\\\#fake\\\\-id--1CCtl { background: lime; }
-.localIdentName--foo\\\\.bar--1CwcQ { background: lime; }
-.localIdentName--\\\\3A hover--1wJ1H { background: lime; }
-.localIdentName--\\\\3A hover\\\\3A focus\\\\3A active--2bgUH { background: lime; }
-.localIdentName--\\\\[attr\\\\=value\\\\]--2kDs7 { background: lime; }
-.localIdentName--f\\\\/o\\\\/o--kDF4z { background: lime; }
-.localIdentName--f\\\\\\\\o\\\\\\\\o--11wgS { background: lime; }
-.localIdentName--f\\\\*o\\\\*o--3SaQa { background: lime; }
-.localIdentName--f\\\\!o\\\\!o--3WN_y { background: lime; }
-.localIdentName--f\\\\'o\\\\'o--uiCGu { background: lime; }
-.localIdentName--f\\\\~o\\\\~o--1Wue4 { background: lime; }
-.localIdentName--f\\\\+o\\\\+o--3x4WJ { background: lime; }
-
-.localIdentName--foo\\\\/bar--3S7V- {
+.♥--vJl9 { background: lime; }
+.©--jBj0 { background: lime; }
+.😍--CNLr { background: lime; }
+.“‘’”--GM0Y { background: lime; }
+.☺☃--NKrB { background: lime; }
+.⌘⌥--edHW { background: lime; }
+.𝄞♪♩♫♬--QyMp { background: lime; }
+.💩--B82Y { background: lime; }
+.\\?--ndmp { background: lime; }
+.\\@--v3gq { background: lime; }
+.\\.--zd5u { background: lime; }
+.\\3A \\)--ZiZn { background: lime; }
+.\\3A \\\`\\(--fKJQ { background: lime; }
+.\\31 23--oqRG { background: lime; }
+.\\31 a2b3c--YR1u { background: lime; }
+.\\--TdAx { background: lime; }
+.\\<\\>\\<\\<\\<\\>\\>\\<\\>--ozNs { background: lime; }
+.\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\[\\>\\+\\+\\+\\+\\+\\+\\+\\>\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\>\\+\\+\\+\\>\\+\\<\\<\\<\\<\\-\\]\\>\\+\\+\\.\\>\\+\\.\\+\\+\\+\\+\\+\\+\\+\\.\\.\\+\\+\\+\\.\\>\\+\\+\\.\\<\\<\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\+\\.\\>\\.\\+\\+\\+\\.\\-\\-\\-\\-\\-\\-\\.\\-\\-\\-\\-\\-\\-\\-\\-\\.\\>\\+\\.\\>\\.--ByKo { background: lime; }
+.\\#--HkwI { background: lime; }
+.\\#\\#--IJc6 { background: lime; }
+.\\#\\.\\#\\.\\#--BnPp { background: lime; }
+.\\_--bCwk { background: lime; }
+.\\{\\}--IZkB { background: lime; }
+.\\#fake\\-id--AqiA { background: lime; }
+.foo\\.bar--uajo { background: lime; }
+.\\3A hover--HVud { background: lime; }
+.\\3A hover\\3A focus\\3A active--Zlaa { background: lime; }
+.\\[attr\\=value\\]--PWvC { background: lime; }
+.f\\/o\\/o--A5l5 { background: lime; }
+.f\\\\o\\\\o--DFfh { background: lime; }
+.f\\*o\\*o--gv1E { background: lime; }
+.f\\!o\\!o--_aIy { background: lime; }
+.f\\'o\\'o--HSXN { background: lime; }
+.f\\~o\\~o--MrVz { background: lime; }
+.f\\+o\\+o--EvMH { background: lime; }
+
+.foo\\/bar--hei2 {
background: hotpink;
}
-.localIdentName--foo\\\\\\\\bar--3mkt5 {
+.foo\\\\bar--IgSz {
background: hotpink;
}
-.localIdentName--foo\\\\/bar\\\\/baz--2x1dg {
+.foo\\/bar\\/baz--p6KJ {
background: hotpink;
}
-.localIdentName--foo\\\\\\\\bar\\\\\\\\baz--2a8NO {
+.foo\\\\bar\\\\baz--HZer {
background: hotpink;
}
",
@@ -3341,348 +3020,606 @@ Array [
]
`;
-exports[`"modules" option should work and respect the "localIdentName" option: warnings 1`] = `Array []`;
-
-exports[`"modules" option should work and respect the "path" placeholder: errors 1`] = `Array []`;
+exports[`"modules" option should work and correctly replace escaped symbols: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and generate the same classes for client and server: client errors 1`] = `[]`;
+
+exports[`"modules" option should work and generate the same classes for client and server: client module 1`] = `
+"// extracted by mini-css-extract-plugin
+var _1 = "oqRGsO4UR7_DWiqWXJMz";
+var _2 = "HkwIsjW5i7WNAxVRd5cg";
+var _3 = "IJc6Xl4ZKVZvSoeIuI2Q";
+var _4 = "BnPpnJmPeNr51pj2ZTlf";
+var _5 = "AqiAGSfnwaXj3eqg0Om8";
+var _6 = "ByKoYcSrMT2cN3V2iAgZ";
+var _7 = "CwXv27VMwyQqKBvNNaFr";
+var _8 = "DdFWMPoluIgmQirKzoS6";
+var _9 = "zd5uIZq6KrAWTwBjwZdC";
+var _a = "YR1u_buYf6paLzzUM6Vc";
+var _b = "ZiZnRjRT03NgoqVQwkGO";
+var _c = "fKJQkLarfQOel4wwbIrn";
+var _d = "HVudUNXnLNQoCLpVn82S";
+var _e = "ZlaaXvHLUsJOCFzItB_1";
+var _f = "ozNsTIG0LL2gSQdL5dzv";
+var _10 = "TdAx2ZSkw7Hbktc7KR72";
+var _11 = "ndmpvNNltJXbDVvqKuxt";
+var _12 = "v3gq0wPogd6ZPfq_pfyZ";
+var _13 = "h4SEF34CLwChRsak1742";
+var _14 = "PWvC4jVM5SwUmKmw2tfW";
+var _15 = "bCwkZEDuxDAOhKnMdLVF";
+var _16 = "Lb3fhDAuJv4v7BXOPttP";
+var _17 = "LdhpkZRWyKT7zDwJ0lt8";
+var _18 = "_aIyR9ETAs8ipXmRrrDO";
+var _19 = "HSXNnSjt1QaHBHUb_UIs";
+var _1a = "gv1E2n_bVvy0iT8TaHIv";
+var _1b = "EvMHRmCudyKg3GpLjAfj";
+var _1c = "A5l5sDODF4CQBW_PtlQD";
+var _1d = "DFfh4KyqOODVQsTPb3wt";
+var _1e = "uajo7mHzD_tTqOXqaqdg";
+var _1f = "hei2uQgDeX2YNkppCHp9";
+var _20 = "p6KJMhNWwmCU2bXHJB93";
+var _21 = "IgSzmmsCqiJBl4SibwgR";
+var _22 = "HZerWgmU0ffpPzySVi_g";
+var _23 = "MrVzSIcSXyoDsr5G0K5_";
+var _24 = "OdAmghrme3xnUYOdzoDw";
+var _25 = "b0rhwJStMR3eH63oapwW";
+var _26 = "Mw9j4nIdjx1xCGDt7d6a";
+var _27 = "KuIShlgsYfxvLoLHT1mu";
+var _28 = "IZkBfE9iUPen76w2bB_q";
+var _29 = "jBj0sZiWBysiwRyGu_go";
+var _2a = "GM0Y0nFCPtkVMz6Esfno";
+var _2b = "edHWpSne18gmGmfN6SV6";
+var _2c = "NKrBw7EAqPT7Cgn7JzrA";
+var _2d = "vJl9A9Ds21oujVsd5UD2";
+var _2e = "QyMp9YMEoYUmEHEdpRal";
+var _2f = "B82YxwgREHbKn8IpgaWw";
+var _30 = "CNLr9yJwqs3dm6FgpOqA";
+export { _1 as "123", _2 as "#", _3 as "##", _4 as "#.#.#", _5 as "#fake-id", _6 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.", _7 as "-a-b-c-", _8 as "-a0-34a___f", _9 as ".", _a as "1a2b3c", _b as ":)", _c as ":\`(", _d as ":hover", _e as ":hover:focus:active", _f as "<><<<>><>", _10 as "", _11 as "?", _12 as "@", _13 as "B&W?", _14 as "[attr=value]", _15 as "_", _16 as "_test", _17 as "className", _18 as "f!o!o", _19 as "f'o'o", _1a as "f*o*o", _1b as "f+o+o", _1c as "f/o/o", _1d as "f\\\\o\\\\o", _1e as "foo.bar", _1f as "foo/bar", _20 as "foo/bar/baz", _21 as "foo\\\\bar", _22 as "foo\\\\bar\\\\baz", _23 as "f~o~o", _24 as "m_x_@", _25 as "someId", _26 as "subClass", _27 as "test", _28 as "{}", _29 as "©", _2a as "“‘’”", _2b as "⌘⌥", _2c as "☺☃", _2d as "♥", _2e as "𝄞♪♩♫♬", _2f as "💩", _30 as "😍" }
+"
+`;
+
+exports[`"modules" option should work and generate the same classes for client and server: client result 1`] = `
+{
+ "#": "HkwIsjW5i7WNAxVRd5cg",
+ "##": "IJc6Xl4ZKVZvSoeIuI2Q",
+ "#.#.#": "BnPpnJmPeNr51pj2ZTlf",
+ "#fake-id": "AqiAGSfnwaXj3eqg0Om8",
+ "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "ByKoYcSrMT2cN3V2iAgZ",
+ "-a-b-c-": "CwXv27VMwyQqKBvNNaFr",
+ "-a0-34a___f": "DdFWMPoluIgmQirKzoS6",
+ ".": "zd5uIZq6KrAWTwBjwZdC",
+ "123": "oqRGsO4UR7_DWiqWXJMz",
+ "1a2b3c": "YR1u_buYf6paLzzUM6Vc",
+ ":)": "ZiZnRjRT03NgoqVQwkGO",
+ ":\`(": "fKJQkLarfQOel4wwbIrn",
+ ":hover": "HVudUNXnLNQoCLpVn82S",
+ ":hover:focus:active": "ZlaaXvHLUsJOCFzItB_1",
+ "<><<<>><>": "ozNsTIG0LL2gSQdL5dzv",
+ "
": "TdAx2ZSkw7Hbktc7KR72",
+ "?": "ndmpvNNltJXbDVvqKuxt",
+ "@": "v3gq0wPogd6ZPfq_pfyZ",
+ "B&W?": "h4SEF34CLwChRsak1742",
+ "[attr=value]": "PWvC4jVM5SwUmKmw2tfW",
+ "_": "bCwkZEDuxDAOhKnMdLVF",
+ "_test": "Lb3fhDAuJv4v7BXOPttP",
+ "className": "LdhpkZRWyKT7zDwJ0lt8",
+ "f!o!o": "_aIyR9ETAs8ipXmRrrDO",
+ "f'o'o": "HSXNnSjt1QaHBHUb_UIs",
+ "f*o*o": "gv1E2n_bVvy0iT8TaHIv",
+ "f+o+o": "EvMHRmCudyKg3GpLjAfj",
+ "f/o/o": "A5l5sDODF4CQBW_PtlQD",
+ "f\\o\\o": "DFfh4KyqOODVQsTPb3wt",
+ "foo.bar": "uajo7mHzD_tTqOXqaqdg",
+ "foo/bar": "hei2uQgDeX2YNkppCHp9",
+ "foo/bar/baz": "p6KJMhNWwmCU2bXHJB93",
+ "foo\\bar": "IgSzmmsCqiJBl4SibwgR",
+ "foo\\bar\\baz": "HZerWgmU0ffpPzySVi_g",
+ "f~o~o": "MrVzSIcSXyoDsr5G0K5_",
+ "m_x_@": "OdAmghrme3xnUYOdzoDw",
+ "someId": "b0rhwJStMR3eH63oapwW",
+ "subClass": "Mw9j4nIdjx1xCGDt7d6a",
+ "test": "KuIShlgsYfxvLoLHT1mu",
+ "{}": "IZkBfE9iUPen76w2bB_q",
+ "©": "jBj0sZiWBysiwRyGu_go",
+ "“‘’”": "GM0Y0nFCPtkVMz6Esfno",
+ "⌘⌥": "edHWpSne18gmGmfN6SV6",
+ "☺☃": "NKrBw7EAqPT7Cgn7JzrA",
+ "♥": "vJl9A9Ds21oujVsd5UD2",
+ "𝄞♪♩♫♬": "QyMp9YMEoYUmEHEdpRal",
+ "💩": "B82YxwgREHbKn8IpgaWw",
+ "😍": "CNLr9yJwqs3dm6FgpOqA",
+}
+`;
+
+exports[`"modules" option should work and generate the same classes for client and server: client warnings 1`] = `[]`;
+
+exports[`"modules" option should work and generate the same classes for client and server: server errors 1`] = `[]`;
+
+exports[`"modules" option should work and generate the same classes for client and server: server module 1`] = `
+"// Exports
+var _1 = \`oqRGsO4UR7_DWiqWXJMz\`;
+export { _1 as "123" };
+export var test = \`KuIShlgsYfxvLoLHT1mu\`;
+export var _test = \`Lb3fhDAuJv4v7BXOPttP\`;
+export var className = \`LdhpkZRWyKT7zDwJ0lt8\`;
+export var someId = \`b0rhwJStMR3eH63oapwW\`;
+export var subClass = \`Mw9j4nIdjx1xCGDt7d6a\`;
+var _2 = \`DdFWMPoluIgmQirKzoS6\`;
+export { _2 as "-a0-34a___f" };
+var _3 = \`OdAmghrme3xnUYOdzoDw\`;
+export { _3 as "m_x_@" };
+var _4 = \`h4SEF34CLwChRsak1742\`;
+export { _4 as "B&W?" };
+var _5 = \`fKJQkLarfQOel4wwbIrn\`;
+export { _5 as ":\`(" };
+var _6 = \`YR1u_buYf6paLzzUM6Vc\`;
+export { _6 as "1a2b3c" };
+var _7 = \`AqiAGSfnwaXj3eqg0Om8\`;
+export { _7 as "#fake-id" };
+var _8 = \`CwXv27VMwyQqKBvNNaFr\`;
+export { _8 as "-a-b-c-" };
+var _9 = \`jBj0sZiWBysiwRyGu_go\`;
+export { _9 as "©" };
+var _a = \`vJl9A9Ds21oujVsd5UD2\`;
+export { _a as "♥" };
+var _b = \`CNLr9yJwqs3dm6FgpOqA\`;
+export { _b as "😍" };
+var _c = \`GM0Y0nFCPtkVMz6Esfno\`;
+export { _c as "“‘’”" };
+var _d = \`NKrBw7EAqPT7Cgn7JzrA\`;
+export { _d as "☺☃" };
+var _e = \`edHWpSne18gmGmfN6SV6\`;
+export { _e as "⌘⌥" };
+var _f = \`QyMp9YMEoYUmEHEdpRal\`;
+export { _f as "𝄞♪♩♫♬" };
+var _10 = \`B82YxwgREHbKn8IpgaWw\`;
+export { _10 as "💩" };
+var _11 = \`ndmpvNNltJXbDVvqKuxt\`;
+export { _11 as "?" };
+var _12 = \`v3gq0wPogd6ZPfq_pfyZ\`;
+export { _12 as "@" };
+var _13 = \`zd5uIZq6KrAWTwBjwZdC\`;
+export { _13 as "." };
+var _14 = \`ZiZnRjRT03NgoqVQwkGO\`;
+export { _14 as ":)" };
+var _15 = \`TdAx2ZSkw7Hbktc7KR72\`;
+export { _15 as "
" };
+var _16 = \`ozNsTIG0LL2gSQdL5dzv\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`ByKoYcSrMT2cN3V2iAgZ\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`HkwIsjW5i7WNAxVRd5cg\`;
+export { _18 as "#" };
+var _19 = \`IJc6Xl4ZKVZvSoeIuI2Q\`;
+export { _19 as "##" };
+var _1a = \`BnPpnJmPeNr51pj2ZTlf\`;
+export { _1a as "#.#.#" };
+export var _ = \`bCwkZEDuxDAOhKnMdLVF\`;
+var _1b = \`IZkBfE9iUPen76w2bB_q\`;
+export { _1b as "{}" };
+var _1c = \`uajo7mHzD_tTqOXqaqdg\`;
+export { _1c as "foo.bar" };
+var _1d = \`HVudUNXnLNQoCLpVn82S\`;
+export { _1d as ":hover" };
+var _1e = \`ZlaaXvHLUsJOCFzItB_1\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`PWvC4jVM5SwUmKmw2tfW\`;
+export { _1f as "[attr=value]" };
+var _20 = \`A5l5sDODF4CQBW_PtlQD\`;
+export { _20 as "f/o/o" };
+var _21 = \`DFfh4KyqOODVQsTPb3wt\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`gv1E2n_bVvy0iT8TaHIv\`;
+export { _22 as "f*o*o" };
+var _23 = \`_aIyR9ETAs8ipXmRrrDO\`;
+export { _23 as "f!o!o" };
+var _24 = \`HSXNnSjt1QaHBHUb_UIs\`;
+export { _24 as "f'o'o" };
+var _25 = \`MrVzSIcSXyoDsr5G0K5_\`;
+export { _25 as "f~o~o" };
+var _26 = \`EvMHRmCudyKg3GpLjAfj\`;
+export { _26 as "f+o+o" };
+var _27 = \`hei2uQgDeX2YNkppCHp9\`;
+export { _27 as "foo/bar" };
+var _28 = \`IgSzmmsCqiJBl4SibwgR\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`p6KJMhNWwmCU2bXHJB93\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`HZerWgmU0ffpPzySVi_g\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+"
+`;
+
+exports[`"modules" option should work and generate the same classes for client and server: server result 1`] = `
+{
+ "#": "HkwIsjW5i7WNAxVRd5cg",
+ "##": "IJc6Xl4ZKVZvSoeIuI2Q",
+ "#.#.#": "BnPpnJmPeNr51pj2ZTlf",
+ "#fake-id": "AqiAGSfnwaXj3eqg0Om8",
+ "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "ByKoYcSrMT2cN3V2iAgZ",
+ "-a-b-c-": "CwXv27VMwyQqKBvNNaFr",
+ "-a0-34a___f": "DdFWMPoluIgmQirKzoS6",
+ ".": "zd5uIZq6KrAWTwBjwZdC",
+ "123": "oqRGsO4UR7_DWiqWXJMz",
+ "1a2b3c": "YR1u_buYf6paLzzUM6Vc",
+ ":)": "ZiZnRjRT03NgoqVQwkGO",
+ ":\`(": "fKJQkLarfQOel4wwbIrn",
+ ":hover": "HVudUNXnLNQoCLpVn82S",
+ ":hover:focus:active": "ZlaaXvHLUsJOCFzItB_1",
+ "<><<<>><>": "ozNsTIG0LL2gSQdL5dzv",
+ "
": "TdAx2ZSkw7Hbktc7KR72",
+ "?": "ndmpvNNltJXbDVvqKuxt",
+ "@": "v3gq0wPogd6ZPfq_pfyZ",
+ "B&W?": "h4SEF34CLwChRsak1742",
+ "[attr=value]": "PWvC4jVM5SwUmKmw2tfW",
+ "_": "bCwkZEDuxDAOhKnMdLVF",
+ "_test": "Lb3fhDAuJv4v7BXOPttP",
+ "className": "LdhpkZRWyKT7zDwJ0lt8",
+ "f!o!o": "_aIyR9ETAs8ipXmRrrDO",
+ "f'o'o": "HSXNnSjt1QaHBHUb_UIs",
+ "f*o*o": "gv1E2n_bVvy0iT8TaHIv",
+ "f+o+o": "EvMHRmCudyKg3GpLjAfj",
+ "f/o/o": "A5l5sDODF4CQBW_PtlQD",
+ "f\\o\\o": "DFfh4KyqOODVQsTPb3wt",
+ "foo.bar": "uajo7mHzD_tTqOXqaqdg",
+ "foo/bar": "hei2uQgDeX2YNkppCHp9",
+ "foo/bar/baz": "p6KJMhNWwmCU2bXHJB93",
+ "foo\\bar": "IgSzmmsCqiJBl4SibwgR",
+ "foo\\bar\\baz": "HZerWgmU0ffpPzySVi_g",
+ "f~o~o": "MrVzSIcSXyoDsr5G0K5_",
+ "m_x_@": "OdAmghrme3xnUYOdzoDw",
+ "someId": "b0rhwJStMR3eH63oapwW",
+ "subClass": "Mw9j4nIdjx1xCGDt7d6a",
+ "test": "KuIShlgsYfxvLoLHT1mu",
+ "{}": "IZkBfE9iUPen76w2bB_q",
+ "©": "jBj0sZiWBysiwRyGu_go",
+ "“‘’”": "GM0Y0nFCPtkVMz6Esfno",
+ "⌘⌥": "edHWpSne18gmGmfN6SV6",
+ "☺☃": "NKrBw7EAqPT7Cgn7JzrA",
+ "♥": "vJl9A9Ds21oujVsd5UD2",
+ "𝄞♪♩♫♬": "QyMp9YMEoYUmEHEdpRal",
+ "💩": "B82YxwgREHbKn8IpgaWw",
+ "😍": "CNLr9yJwqs3dm6FgpOqA",
+}
+`;
+
+exports[`"modules" option should work and generate the same classes for client and server: server warnings 1`] = `[]`;
+
+exports[`"modules" option should work and has "undefined" context if no context was given: errors 1`] = `[]`;
-exports[`"modules" option should work and respect the "path" placeholder: module 1`] = `
+exports[`"modules" option should work and has "undefined" context if no context was given: module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".fixtures-modules-localIdentName-localIdentName__test {\\\\n background: red;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName___test {\\\\n background: blue;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__className {\\\\n background: red;\\\\n}\\\\n\\\\n#fixtures-modules-localIdentName-localIdentName__someId {\\\\n background: green;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__className .fixtures-modules-localIdentName-localIdentName__subClass {\\\\n color: green;\\\\n}\\\\n\\\\n#fixtures-modules-localIdentName-localIdentName__someId .fixtures-modules-localIdentName-localIdentName__subClass {\\\\n color: blue;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__-a0-34a___f {\\\\n color: red;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__m_x_\\\\\\\\@ {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__B\\\\\\\\&W\\\\\\\\? {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\31 a2b3c {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#fixtures-modules-localIdentName-localIdentName__\\\\\\\\#fake-id {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#fixtures-modules-localIdentName-localIdentName__-a-b-c- {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#fixtures-modules-localIdentName-localIdentName__© {\\\\n color: black;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__♥ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__© { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__“‘’” { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__☺☃ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__⌘⌥ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__𝄞♪♩♫♬ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__💩 { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\? { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\@ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\. { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A \\\\\\\\) { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A \\\\\\\\\`\\\\\\\\( { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\31 23 { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\31 a2b3c { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\> { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\. { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\# { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\#\\\\\\\\# { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\# { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\_ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\{\\\\\\\\} { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\#fake\\\\\\\\-id { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\.bar { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A hover { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\[attr\\\\\\\\=value\\\\\\\\] { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\/o\\\\\\\\/o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\*o\\\\\\\\*o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\!o\\\\\\\\!o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\'o\\\\\\\\'o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\~o\\\\\\\\~o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\+o\\\\\\\\+o { background: lime; }\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\/bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\\\\\\\\\bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\/bar\\\\\\\\/baz {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"123\\": \\"fixtures-modules-localIdentName-localIdentName__123\\",
- \\"test\\": \\"fixtures-modules-localIdentName-localIdentName__test\\",
- \\"_test\\": \\"fixtures-modules-localIdentName-localIdentName___test\\",
- \\"className\\": \\"fixtures-modules-localIdentName-localIdentName__className\\",
- \\"someId\\": \\"fixtures-modules-localIdentName-localIdentName__someId\\",
- \\"subClass\\": \\"fixtures-modules-localIdentName-localIdentName__subClass\\",
- \\"-a0-34a___f\\": \\"fixtures-modules-localIdentName-localIdentName__-a0-34a___f\\",
- \\"m_x_@\\": \\"fixtures-modules-localIdentName-localIdentName__m_x_@\\",
- \\"B&W?\\": \\"fixtures-modules-localIdentName-localIdentName__B&W?\\",
- \\":\`(\\": \\"fixtures-modules-localIdentName-localIdentName__:\`(\\",
- \\"1a2b3c\\": \\"fixtures-modules-localIdentName-localIdentName__1a2b3c\\",
- \\"#fake-id\\": \\"fixtures-modules-localIdentName-localIdentName__#fake-id\\",
- \\"-a-b-c-\\": \\"fixtures-modules-localIdentName-localIdentName__-a-b-c-\\",
- \\"©\\": \\"fixtures-modules-localIdentName-localIdentName__©\\",
- \\"♥\\": \\"fixtures-modules-localIdentName-localIdentName__♥\\",
- \\"“‘’”\\": \\"fixtures-modules-localIdentName-localIdentName__“‘’”\\",
- \\"☺☃\\": \\"fixtures-modules-localIdentName-localIdentName__☺☃\\",
- \\"⌘⌥\\": \\"fixtures-modules-localIdentName-localIdentName__⌘⌥\\",
- \\"𝄞♪♩♫♬\\": \\"fixtures-modules-localIdentName-localIdentName__𝄞♪♩♫♬\\",
- \\"💩\\": \\"fixtures-modules-localIdentName-localIdentName__💩\\",
- \\"?\\": \\"fixtures-modules-localIdentName-localIdentName__?\\",
- \\"@\\": \\"fixtures-modules-localIdentName-localIdentName__@\\",
- \\".\\": \\"fixtures-modules-localIdentName-localIdentName__.\\",
- \\":)\\": \\"fixtures-modules-localIdentName-localIdentName__:)\\",
- \\"\\": \\"fixtures-modules-localIdentName-localIdentName__
\\",
- \\"<><<<>><>\\": \\"fixtures-modules-localIdentName-localIdentName__<><<<>><>\\",
- \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"fixtures-modules-localIdentName-localIdentName__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\",
- \\"#\\": \\"fixtures-modules-localIdentName-localIdentName__#\\",
- \\"##\\": \\"fixtures-modules-localIdentName-localIdentName__##\\",
- \\"#.#.#\\": \\"fixtures-modules-localIdentName-localIdentName__#.#.#\\",
- \\"_\\": \\"fixtures-modules-localIdentName-localIdentName___\\",
- \\"{}\\": \\"fixtures-modules-localIdentName-localIdentName__{}\\",
- \\"foo.bar\\": \\"fixtures-modules-localIdentName-localIdentName__foo.bar\\",
- \\":hover\\": \\"fixtures-modules-localIdentName-localIdentName__:hover\\",
- \\":hover:focus:active\\": \\"fixtures-modules-localIdentName-localIdentName__:hover:focus:active\\",
- \\"[attr=value]\\": \\"fixtures-modules-localIdentName-localIdentName__[attr=value]\\",
- \\"f/o/o\\": \\"fixtures-modules-localIdentName-localIdentName__f/o/o\\",
- \\"f\\\\\\\\o\\\\\\\\o\\": \\"fixtures-modules-localIdentName-localIdentName__f\\\\\\\\o\\\\\\\\o\\",
- \\"f*o*o\\": \\"fixtures-modules-localIdentName-localIdentName__f*o*o\\",
- \\"f!o!o\\": \\"fixtures-modules-localIdentName-localIdentName__f!o!o\\",
- \\"f'o'o\\": \\"fixtures-modules-localIdentName-localIdentName__f'o'o\\",
- \\"f~o~o\\": \\"fixtures-modules-localIdentName-localIdentName__f~o~o\\",
- \\"f+o+o\\": \\"fixtures-modules-localIdentName-localIdentName__f+o+o\\",
- \\"foo/bar\\": \\"fixtures-modules-localIdentName-localIdentName__foo/bar\\",
- \\"foo\\\\\\\\bar\\": \\"fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar\\",
- \\"foo/bar/baz\\": \\"fixtures-modules-localIdentName-localIdentName__foo/bar/baz\\",
- \\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar\\\\\\\\baz\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"modules" option should work and respect the "path" placeholder: result 1`] = `
-Array [
- Array [
- "./modules/localIdentName/localIdentName.css",
- ".fixtures-modules-localIdentName-localIdentName__test {
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
background: red;
}
-.fixtures-modules-localIdentName-localIdentName___test {
+.foo {
background: blue;
}
-.fixtures-modules-localIdentName-localIdentName__className {
+.foo {
background: red;
}
-#fixtures-modules-localIdentName-localIdentName__someId {
+#foo {
background: green;
}
-.fixtures-modules-localIdentName-localIdentName__className .fixtures-modules-localIdentName-localIdentName__subClass {
+.foo .foo {
color: green;
}
-#fixtures-modules-localIdentName-localIdentName__someId .fixtures-modules-localIdentName-localIdentName__subClass {
+#foo .foo {
color: blue;
}
-.fixtures-modules-localIdentName-localIdentName__-a0-34a___f {
+.foo {
color: red;
}
-.fixtures-modules-localIdentName-localIdentName__m_x_\\\\@ {
+.foo {
margin-left: auto !important;
margin-right: auto !important;
}
-.fixtures-modules-localIdentName-localIdentName__B\\\\&W\\\\? {
+.foo {
margin-left: auto !important;
margin-right: auto !important;
}
-/* matches elements with class=\\":\`(\\" */
-.fixtures-modules-localIdentName-localIdentName__\\\\3A \\\\\`\\\\( {
+/* matches elements with class=":\\\`(" */
+.foo {
color: aqua;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.fixtures-modules-localIdentName-localIdentName__\\\\31 a2b3c {
+/* matches elements with class="1a2b3c" */
+.foo {
color: aliceblue;
}
-/* matches the element with id=\\"#fake-id\\" */
-#fixtures-modules-localIdentName-localIdentName__\\\\#fake-id {
+/* matches the element with id="#fake-id" */
+#foo {
color: antiquewhite;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#fixtures-modules-localIdentName-localIdentName__-a-b-c- {
+/* matches the element with id="-a-b-c-" */
+#foo {
color: azure;
}
-/* matches the element with id=\\"©\\" */
-#fixtures-modules-localIdentName-localIdentName__© {
+/* matches the element with id="©" */
+#foo {
color: black;
}
-.fixtures-modules-localIdentName-localIdentName__♥ { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__© { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__“‘’” { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__☺☃ { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__⌘⌥ { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__𝄞♪♩♫♬ { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__💩 { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\? { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\@ { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\. { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\3A \\\\) { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\3A \\\\\`\\\\( { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\31 23 { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\31 a2b3c { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\ { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\# { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\#\\\\# { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\_ { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\{\\\\} { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\#fake\\\\-id { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__foo\\\\.bar { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\3A hover { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__\\\\[attr\\\\=value\\\\] { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__f\\\\/o\\\\/o { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\o\\\\\\\\o { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__f\\\\*o\\\\*o { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__f\\\\!o\\\\!o { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__f\\\\'o\\\\'o { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__f\\\\~o\\\\~o { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__f\\\\+o\\\\+o { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
-.fixtures-modules-localIdentName-localIdentName__foo\\\\/bar {
+.foo {
background: hotpink;
}
-.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar {
+.foo {
background: hotpink;
}
-.fixtures-modules-localIdentName-localIdentName__foo\\\\/bar\\\\/baz {
+.foo {
background: hotpink;
}
-.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar\\\\\\\\baz {
+.foo {
background: hotpink;
}
-",
- "",
- ],
-]
-`;
-
-exports[`"modules" option should work and respect the "path" placeholder: warnings 1`] = `Array []`;
-
-exports[`"modules" option should work and support "pure" mode #2: errors 1`] = `Array []`;
-
-exports[`"modules" option should work and support "pure" mode #2: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._1u_NtoKhpaUNZX7yiJVIiY {\\\\n color: red;\\\\n}\\\\n\\\\nh1 .UCShdZTu4s3n7oXJOhzrK {\\\\n color: green;\\\\n}\\\\n\\\\n._3mfZHE9XqYBUx_E24Rn3UG h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n.CvML8FKPF660KwN3nSNSe h1 ._2Qqlcv7vRMswReW-DKC_IZ {\\\\n color: red;\\\\n}\\\\n\\\\n#_2xp6Er0qRUlWxHQh1ROAc1 {\\\\n color: red;\\\\n}\\\\n\\\\nh1 #_14PgYX9AnCgTBatBghNmOB {\\\\n color: green;\\\\n}\\\\n\\\\n#_2SOsIDB25B_Yrw86eby8OG h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n#_1LkHG2nV0HloeZOXYEK8cH h1 #_e3BBhro5bf0ZsgUTOLnT {\\\\n color: red;\\\\n}\\\\n\\\\n._39A31JnHJWqKuTZf-fX3Vt .bar .TGSef9fpByYTb8vhFGgJZ {\\\\n color: white;\\\\n}\\\\n\\\\n._1KJPrddvuAKs2XObDlRWOx ._19kxTSs8JMPxGQiFY45wzD .ioThrUUaohmyS5xZAilPn {\\\\n color: black;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"_1u_NtoKhpaUNZX7yiJVIiY\\",
- \\"foo-1\\": \\"UCShdZTu4s3n7oXJOhzrK\\",
- \\"foo-2\\": \\"_3mfZHE9XqYBUx_E24Rn3UG\\",
- \\"foo-3\\": \\"CvML8FKPF660KwN3nSNSe\\",
- \\"foo-4\\": \\"_2Qqlcv7vRMswReW-DKC_IZ\\",
- \\"foo-5\\": \\"_2xp6Er0qRUlWxHQh1ROAc1\\",
- \\"foo-6\\": \\"_14PgYX9AnCgTBatBghNmOB\\",
- \\"foo-7\\": \\"_2SOsIDB25B_Yrw86eby8OG\\",
- \\"foo-8\\": \\"_1LkHG2nV0HloeZOXYEK8cH\\",
- \\"foo-9\\": \\"_e3BBhro5bf0ZsgUTOLnT\\",
- \\"bar-1\\": \\"_39A31JnHJWqKuTZf-fX3Vt\\",
- \\"bar-2\\": \\"TGSef9fpByYTb8vhFGgJZ\\",
- \\"baz-3\\": \\"_1KJPrddvuAKs2XObDlRWOx\\",
- \\"baz\\": \\"_19kxTSs8JMPxGQiFY45wzD\\",
- \\"bar-4\\": \\"ioThrUUaohmyS5xZAilPn\\"
-};
+\`, ""]);
+// Exports
+var _1 = \`foo\`;
+export { _1 as "123" };
+export var test = \`foo\`;
+export var _test = \`foo\`;
+export var className = \`foo\`;
+export var someId = \`foo\`;
+export var subClass = \`foo\`;
+var _2 = \`foo\`;
+export { _2 as "-a0-34a___f" };
+var _3 = \`foo\`;
+export { _3 as "m_x_@" };
+var _4 = \`foo\`;
+export { _4 as "B&W?" };
+var _5 = \`foo\`;
+export { _5 as ":\`(" };
+var _6 = \`foo\`;
+export { _6 as "1a2b3c" };
+var _7 = \`foo\`;
+export { _7 as "#fake-id" };
+var _8 = \`foo\`;
+export { _8 as "-a-b-c-" };
+var _9 = \`foo\`;
+export { _9 as "©" };
+var _a = \`foo\`;
+export { _a as "♥" };
+var _b = \`foo\`;
+export { _b as "😍" };
+var _c = \`foo\`;
+export { _c as "“‘’”" };
+var _d = \`foo\`;
+export { _d as "☺☃" };
+var _e = \`foo\`;
+export { _e as "⌘⌥" };
+var _f = \`foo\`;
+export { _f as "𝄞♪♩♫♬" };
+var _10 = \`foo\`;
+export { _10 as "💩" };
+var _11 = \`foo\`;
+export { _11 as "?" };
+var _12 = \`foo\`;
+export { _12 as "@" };
+var _13 = \`foo\`;
+export { _13 as "." };
+var _14 = \`foo\`;
+export { _14 as ":)" };
+var _15 = \`foo\`;
+export { _15 as "" };
+var _16 = \`foo\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`foo\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`foo\`;
+export { _18 as "#" };
+var _19 = \`foo\`;
+export { _19 as "##" };
+var _1a = \`foo\`;
+export { _1a as "#.#.#" };
+export var _ = \`foo\`;
+var _1b = \`foo\`;
+export { _1b as "{}" };
+var _1c = \`foo\`;
+export { _1c as "foo.bar" };
+var _1d = \`foo\`;
+export { _1d as ":hover" };
+var _1e = \`foo\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`foo\`;
+export { _1f as "[attr=value]" };
+var _20 = \`foo\`;
+export { _20 as "f/o/o" };
+var _21 = \`foo\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`foo\`;
+export { _22 as "f*o*o" };
+var _23 = \`foo\`;
+export { _23 as "f!o!o" };
+var _24 = \`foo\`;
+export { _24 as "f'o'o" };
+var _25 = \`foo\`;
+export { _25 as "f~o~o" };
+var _26 = \`foo\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\`;
+export { _2a as "foo\\\\bar\\\\baz" };
export default ___CSS_LOADER_EXPORT___;
"
`;
-exports[`"modules" option should work and support "pure" mode #2: result 1`] = `
-Array [
- Array [
- "./modules/pure/pure.css",
- "._1u_NtoKhpaUNZX7yiJVIiY {
- color: red;
-}
-
-h1 .UCShdZTu4s3n7oXJOhzrK {
- color: green;
+exports[`"modules" option should work and has "undefined" context if no context was given: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".foo {
+ background: red;
}
-._3mfZHE9XqYBUx_E24Rn3UG h1 {
- color: blue;
+.foo {
+ background: blue;
}
-.CvML8FKPF660KwN3nSNSe h1 ._2Qqlcv7vRMswReW-DKC_IZ {
- color: red;
+.foo {
+ background: red;
}
-#_2xp6Er0qRUlWxHQh1ROAc1 {
- color: red;
+#foo {
+ background: green;
}
-h1 #_14PgYX9AnCgTBatBghNmOB {
+.foo .foo {
color: green;
}
-#_2SOsIDB25B_Yrw86eby8OG h1 {
+#foo .foo {
color: blue;
}
-#_1LkHG2nV0HloeZOXYEK8cH h1 #_e3BBhro5bf0ZsgUTOLnT {
+.foo {
color: red;
}
-._39A31JnHJWqKuTZf-fX3Vt .bar .TGSef9fpByYTb8vhFGgJZ {
- color: white;
-}
-
-._1KJPrddvuAKs2XObDlRWOx ._19kxTSs8JMPxGQiFY45wzD .ioThrUUaohmyS5xZAilPn {
- color: black;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-
-exports[`"modules" option should work and support "pure" mode #2: warnings 1`] = `Array []`;
-
-exports[`"modules" option should work and support "pure" mode: errors 1`] = `Array []`;
-
-exports[`"modules" option should work and support "pure" mode: module 1`] = `
-"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\"._1u_NtoKhpaUNZX7yiJVIiY {\\\\n color: red;\\\\n}\\\\n\\\\nh1 .UCShdZTu4s3n7oXJOhzrK {\\\\n color: green;\\\\n}\\\\n\\\\n._3mfZHE9XqYBUx_E24Rn3UG h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n.CvML8FKPF660KwN3nSNSe h1 ._2Qqlcv7vRMswReW-DKC_IZ {\\\\n color: red;\\\\n}\\\\n\\\\n#_2xp6Er0qRUlWxHQh1ROAc1 {\\\\n color: red;\\\\n}\\\\n\\\\nh1 #_14PgYX9AnCgTBatBghNmOB {\\\\n color: green;\\\\n}\\\\n\\\\n#_2SOsIDB25B_Yrw86eby8OG h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n#_1LkHG2nV0HloeZOXYEK8cH h1 #_e3BBhro5bf0ZsgUTOLnT {\\\\n color: red;\\\\n}\\\\n\\\\n._39A31JnHJWqKuTZf-fX3Vt .bar .TGSef9fpByYTb8vhFGgJZ {\\\\n color: white;\\\\n}\\\\n\\\\n._1KJPrddvuAKs2XObDlRWOx ._19kxTSs8JMPxGQiFY45wzD .ioThrUUaohmyS5xZAilPn {\\\\n color: black;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
- \\"foo\\": \\"_1u_NtoKhpaUNZX7yiJVIiY\\",
- \\"foo-1\\": \\"UCShdZTu4s3n7oXJOhzrK\\",
- \\"foo-2\\": \\"_3mfZHE9XqYBUx_E24Rn3UG\\",
- \\"foo-3\\": \\"CvML8FKPF660KwN3nSNSe\\",
- \\"foo-4\\": \\"_2Qqlcv7vRMswReW-DKC_IZ\\",
- \\"foo-5\\": \\"_2xp6Er0qRUlWxHQh1ROAc1\\",
- \\"foo-6\\": \\"_14PgYX9AnCgTBatBghNmOB\\",
- \\"foo-7\\": \\"_2SOsIDB25B_Yrw86eby8OG\\",
- \\"foo-8\\": \\"_1LkHG2nV0HloeZOXYEK8cH\\",
- \\"foo-9\\": \\"_e3BBhro5bf0ZsgUTOLnT\\",
- \\"bar-1\\": \\"_39A31JnHJWqKuTZf-fX3Vt\\",
- \\"bar-2\\": \\"TGSef9fpByYTb8vhFGgJZ\\",
- \\"baz-3\\": \\"_1KJPrddvuAKs2XObDlRWOx\\",
- \\"baz\\": \\"_19kxTSs8JMPxGQiFY45wzD\\",
- \\"bar-4\\": \\"ioThrUUaohmyS5xZAilPn\\"
-};
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-exports[`"modules" option should work and support "pure" mode: result 1`] = `
-Array [
- Array [
- "./modules/pure/pure.css",
- "._1u_NtoKhpaUNZX7yiJVIiY {
- color: red;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-h1 .UCShdZTu4s3n7oXJOhzrK {
- color: green;
+/* matches elements with class=":\`(" */
+.foo {
+ color: aqua;
}
-._3mfZHE9XqYBUx_E24Rn3UG h1 {
- color: blue;
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
}
-.CvML8FKPF660KwN3nSNSe h1 ._2Qqlcv7vRMswReW-DKC_IZ {
- color: red;
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
}
-#_2xp6Er0qRUlWxHQh1ROAc1 {
- color: red;
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
}
-h1 #_14PgYX9AnCgTBatBghNmOB {
- color: green;
+/* matches the element with id="©" */
+#foo {
+ color: black;
}
-#_2SOsIDB25B_Yrw86eby8OG h1 {
- color: blue;
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+
+.foo {
+ background: hotpink;
}
-#_1LkHG2nV0HloeZOXYEK8cH h1 #_e3BBhro5bf0ZsgUTOLnT {
- color: red;
+.foo {
+ background: hotpink;
}
-._39A31JnHJWqKuTZf-fX3Vt .bar .TGSef9fpByYTb8vhFGgJZ {
- color: white;
+.foo {
+ background: hotpink;
}
-._1KJPrddvuAKs2XObDlRWOx ._19kxTSs8JMPxGQiFY45wzD .ioThrUUaohmyS5xZAilPn {
- color: black;
+.foo {
+ background: hotpink;
}
",
"",
@@ -3690,137 +3627,61 @@ h1 #_14PgYX9AnCgTBatBghNmOB {
]
`;
-exports[`"modules" option should work and support "pure" mode: warnings 1`] = `Array []`;
+exports[`"modules" option should work and has "undefined" context if no context was given: warnings 1`] = `[]`;
-exports[`"modules" option should work js template with "namedExport" option: errors 1`] = `Array []`;
+exports[`"modules" option should work and prefer relative for "composes": errors 1`] = `[]`;
-exports[`"modules" option should work js template with "namedExport" option: module 1`] = `
+exports[`"modules" option should work and prefer relative for "composes": module 1`] = `
"// Imports
-import ___CSS_LOADER_API_IMPORT___ from \\"../../../../../src/runtime/api.js\\";
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./package/one.css";
+import ___CSS_LOADER_ICSS_IMPORT_1___, * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/two.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, "", true);
+___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, "", true);
// Module
-___CSS_LOADER_EXPORT___.push([module.id, \\".header-baz {\\\\n color: red;\\\\n}\\\\n\\\\n.body {\\\\n color: coral;\\\\n}\\\\n\\\\n.footer {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-export const headerBaz = \\"header-baz\\";
-export const body = \\"body\\";
-export const footer = \\"footer\\";
-export default ___CSS_LOADER_EXPORT___;
-"
-`;
-
-exports[`"modules" option should work js template with "namedExport" option: result 1`] = `
-Object {
- "css": Array [
- Array [
- "./modules/namedExport/template/index.css",
- ".header-baz {
- color: red;
-}
-
-.body {
- color: coral;
+___CSS_LOADER_EXPORT___.push([module.id, \`.eY6jkKjjXnFY1QWC5gpe {
+ color: yellow;
}
-.footer {
- color: blue;
-}
-",
- "",
- ],
- ],
- "html": "
-