";
message += `${error.reason}`;
const code = error.showSourceCode();
if (code) {
message += `\n\n${code}\n`;
}
const obj = new Error(message, { cause: error });
obj.stack = null;
return obj;
}
export {
normalizeOptions,
shouldUseModulesPlugins,
shouldUseImportPlugin,
shouldUseURLPlugin,
shouldUseIcssPlugin,
normalizeUrl,
requestify,
getFilter,
getModulesOptions,
getModulesPlugins,
normalizeSourceMap,
getPreRequester,
getImportCode,
getModuleCode,
getExportCode,
resolveRequests,
isURLRequestable,
sort,
WEBPACK_IGNORE_COMMENT_REGEXP,
combineRequests,
camelCase,
stringifyRequest,
isDataUrl,
defaultGetLocalIdent,
warningFactory,
syntaxErrorFactory,
};
webpack-css-loader-95cf5c5/test/ 0000775 0000000 0000000 00000000000 14603300531 0016557 5 ustar 00root root 0000000 0000000 webpack-css-loader-95cf5c5/test/__snapshots__/ 0000775 0000000 0000000 00000000000 14603300531 0021375 5 ustar 00root root 0000000 0000000 webpack-css-loader-95cf5c5/test/__snapshots__/camelCase.test.js.snap 0000664 0000000 0000000 00000004013 14603300531 0025524 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`camelCase should transform 1`] = `""`;
exports[`camelCase should transform: foo bar 1`] = `"fooBar"`;
exports[`camelCase should transform: __foo__bar__ 1`] = `"fooBar"`;
exports[`camelCase should transform: - 1`] = `"-"`;
exports[`camelCase should transform: --__--_--_ 1`] = `""`;
exports[`camelCase should transform: --foo..bar 1`] = `"fooBar"`;
exports[`camelCase should transform: --foo---bar 1`] = `"fooBar"`;
exports[`camelCase should transform: --foo---bar-- 1`] = `"fooBar"`;
exports[`camelCase should transform: --foo--1 1`] = `"foo1"`;
exports[`camelCase should transform: --foo-bar 1`] = `"fooBar"`;
exports[`camelCase should transform: 1Hello 1`] = `"1Hello"`;
exports[`camelCase should transform: A::a 1`] = `"a::a"`;
exports[`camelCase should transform: F 1`] = `"f"`;
exports[`camelCase should transform: FOO-BAR 1`] = `"fooBar"`;
exports[`camelCase should transform: FOÈ-BAR 1`] = `"foèBar"`;
exports[`camelCase should transform: FOÈ-BAr 1`] = `"foèBAr"`;
exports[`camelCase should transform: Hello1World11foo 1`] = `"hello1World11Foo"`;
exports[`camelCase should transform: foo 1`] = `"foo"`;
exports[`camelCase should transform: foo bar 1`] = `"fooBar"`;
exports[`camelCase should transform: foo bar! 1`] = `"fooBar!"`;
exports[`camelCase should transform: foo bar# 1`] = `"fooBar#"`;
exports[`camelCase should transform: foo bar? 1`] = `"fooBar?"`;
exports[`camelCase should transform: foo_bar 1`] = `"fooBar"`;
exports[`camelCase should transform: foo--bar 1`] = `"fooBar"`;
exports[`camelCase should transform: foo-bar 1`] = `"fooBar"`;
exports[`camelCase should transform: foo-bar-baz 1`] = `"fooBarBaz"`;
exports[`camelCase should transform: fooBar 1`] = `"fooBar"`;
exports[`camelCase should transform: fooBar-baz 1`] = `"fooBarBaz"`;
exports[`camelCase should transform: fooBarBaz-bazzy 1`] = `"fooBarBazBazzy"`;
exports[`camelCase should transform: h2w 1`] = `"h2W"`;
exports[`camelCase should transform: mGridCol6@md 1`] = `"mGridCol6@md"`;
webpack-css-loader-95cf5c5/test/__snapshots__/esModule-option.test.js.snap 0000664 0000000 0000000 00000031722 14603300531 0026741 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`"esModule" option should work when not specified: errors 1`] = `Array []`;
exports[`"esModule" option should work when not specified: 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_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___);
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___});
}
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"esModule" option should work when not specified: result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./es-module/imported.css",
".foo {
color: red;
}
",
"",
],
Array [
"./es-module/source.css",
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
",
"",
],
]
`;
exports[`"esModule" option should work when not specified: warnings 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "false": errors 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "false": 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_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported.css\\");
var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\");
var ___CSS_LOADER_URL_IMPORT_0___ = require(\\"./img.png\\");
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
___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\\";
/* Comment */
.class {
color: red;
background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
\`, \\"\\"]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;
"
`;
exports[`"esModule" option should work with a value equal to "false": result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./es-module/imported.css",
".foo {
color: red;
}
",
"",
],
Array [
"./es-module/source.css",
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(/webpack/public/path/img.png);
}
",
"",
],
]
`;
exports[`"esModule" option should work with a value equal to "false": warnings 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "global": errors 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "global": 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_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___);
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___});
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "global": result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./es-module/imported.css",
".foo {
color: red;
}
",
"",
],
Array [
"./es-module/source.css",
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
",
"",
],
]
`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "global": warnings 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "local": errors 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "local": 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_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___);
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 */
.OZJqogC5EaF_wROug7zE {
color: red;
background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"class\\": \`OZJqogC5EaF_wROug7zE\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "local": result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./es-module/imported.css",
".EB7DBFwH4lzwZcKIj2OA {
color: red;
}
",
"",
],
Array [
"./es-module/source.css",
"@charset \\"UTF-8\\";
/* Comment */
.OZJqogC5EaF_wROug7zE {
color: red;
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
",
"",
],
]
`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "local": warnings 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "pure": errors 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "pure": 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_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___);
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 */
.OZJqogC5EaF_wROug7zE {
color: red;
background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"class\\": \`OZJqogC5EaF_wROug7zE\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "pure": result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./es-module/imported.css",
".EB7DBFwH4lzwZcKIj2OA {
color: red;
}
",
"",
],
Array [
"./es-module/source.css",
"@charset \\"UTF-8\\";
/* Comment */
.OZJqogC5EaF_wROug7zE {
color: red;
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
",
"",
],
]
`;
exports[`"esModule" option should work with a value equal to "true" and the "mode" value equal to "pure": warnings 1`] = `Array []`;
exports[`"esModule" option should work with a value equal to "true": errors 1`] = `Array []`;
exports[`"esModule" 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]!./imported.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___);
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___});
}
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"esModule" option should work with a value equal to "true": result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./es-module/imported.css",
".foo {
color: red;
}
",
"",
],
Array [
"./es-module/source.css",
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
",
"",
],
]
`;
exports[`"esModule" option should work with a value equal to "true": warnings 1`] = `Array []`;
exports[`"esModule" option should work with commonjs css-loader + commonjs mini-css-extract-plugin: errors 1`] = `Array []`;
exports[`"esModule" option should work with commonjs css-loader + commonjs mini-css-extract-plugin: result 1`] = `undefined`;
exports[`"esModule" option should work with commonjs css-loader + commonjs mini-css-extract-plugin: warnings 1`] = `Array []`;
exports[`"esModule" option should work with commonjs css-loader + commonjs style-loader: errors 1`] = `Array []`;
exports[`"esModule" option should work with commonjs css-loader + commonjs style-loader: warnings 1`] = `Array []`;
exports[`"esModule" option should work with commonjs css-loader + esModule mini-css-extract-plugin: errors 1`] = `Array []`;
exports[`"esModule" option should work with commonjs css-loader + esModule mini-css-extract-plugin: result 1`] = `undefined`;
exports[`"esModule" option should work with commonjs css-loader + esModule mini-css-extract-plugin: warnings 1`] = `Array []`;
exports[`"esModule" option should work with commonjs css-loader + esModule style-loader: errors 1`] = `Array []`;
exports[`"esModule" option should work with commonjs css-loader + esModule style-loader: warnings 1`] = `Array []`;
exports[`"esModule" option should work with esModule css-loader + commonjs mini-css-extract-plugin: errors 1`] = `Array []`;
exports[`"esModule" option should work with esModule css-loader + commonjs mini-css-extract-plugin: result 1`] = `undefined`;
exports[`"esModule" option should work with esModule css-loader + commonjs mini-css-extract-plugin: warnings 1`] = `Array []`;
exports[`"esModule" option should work with esModule css-loader + commonjs style-loader: errors 1`] = `Array []`;
exports[`"esModule" option should work with esModule css-loader + commonjs style-loader: warnings 1`] = `Array []`;
exports[`"esModule" option should work with esModule css-loader + esModule mini-css-extract-plugin: errors 1`] = `Array []`;
exports[`"esModule" option should work with esModule css-loader + esModule mini-css-extract-plugin: result 1`] = `undefined`;
exports[`"esModule" option should work with esModule css-loader + esModule mini-css-extract-plugin: warnings 1`] = `Array []`;
exports[`"esModule" option should work with esModule css-loader + esModule style-loader: errors 1`] = `Array []`;
exports[`"esModule" option should work with esModule css-loader + esModule style-loader: warnings 1`] = `Array []`;
webpack-css-loader-95cf5c5/test/__snapshots__/exportType.test.js.snap 0000664 0000000 0000000 00000544276 14603300531 0026056 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when \`esModule\` disabled, but 'modules.namedExport' enabled: errors 1`] = `
Array [
"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`] = `Array []`;
exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when \`esModule\` disabled: errors 1`] = `
Array [
"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`] = `Array []`;
exports[`'exportType' option should throw an error with 'css-style-sheet' value for CSS modules when named export disabled: errors 1`] = `
Array [
"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`] = `Array []`;
exports[`'exportType' option should work and export 'array' by default: errors 1`] = `Array []`;
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`] = `
Array [
Array [
"./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`] = `Array []`;
exports[`'exportType' option should work with 'array' value: errors 1`] = `Array []`;
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`] = `
Array [
Array [
"./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`] = `Array []`;
exports[`'exportType' option should work with 'css-style-sheet' and 'array' values: errors 1`] = `Array []`;
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`] = `
Array [
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;
}
",
},
Array [
Array [
"./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`] = `Array []`;
exports[`'exportType' option should work with 'css-style-sheet' value and CSS modules and still emit error on '@import' at-rules: errors 1`] = `
Array [
"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___[\\"vDef\\"] };
}
.zchqshjqLbPAHaRvIBET {
color: blue;
}
.WZBxXqS2GytaA3IBhhnd {
display: block;
}
.W51zcAMuJMsNFi1CXgWr {
width: \${ ___CSS_LOADER_ICSS_IMPORT_1____NAMED___[\\"vSomething\\"] };
}
.KEl5ZxzNkpjfWorrBglC {
color: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"vOther\\"] };
}
.ecAEWh2vww9pNEdyj9Jn {
prop: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"vDef\\"] };
duplicate: \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"vOther\\"] };
}
.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___[\\"sWhite\\"] } {
color: white;
}
@media \${ ___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"mSmall\\"] } {
.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
export var vDef = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"vDef\\"]}\`;
export var vOther = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"vOther\\"]}\`;
export var sWhite = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"sWhite\\"]}\`;
export var mSmall = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"mSmall\\"]}\`;
export var vSomething = \`\${___CSS_LOADER_ICSS_IMPORT_1____NAMED___[\\"vSomething\\"]}\`;
export var vFoo = \`blue\`;
export var vBar = \`block\`;
export var vPrimary = \`#BF4040\`;
export var sBlack = \`black-selector\`;
export var mLarge = \`(min-width: 960px)\`;
export var vIdent = \`validIdent\`;
export var vPreDefinedIdent = \`left\`;
export var vString = \`'content'\`;
export var vString1 = \`''\`;
export var vUrl = \`url(https://www.exammple.com/images/my-background.png)\`;
export var vUrl1 = \`url('https://www.exammple.com/images/my-background.png')\`;
export var vUrl2 = \`url(\\"https://www.exammple.com/images/my-background.png\\")\`;
export var vInteger = \`100\`;
export var vInteger1 = \`-100\`;
export var vInteger2 = \`+100\`;
export var vNumber = \`.60\`;
export var vNumber1 = \`-456.8\`;
export var vNumber2 = \`-3.4e-2\`;
export var vDimension = \`12px\`;
export var vPercentage = \`100%\`;
export var vHex = \`#fff\`;
export var vComment = \` /* comment */\`;
export var vFunction = \`rgb(0,0,0)\`;
export var vUnicodeRange = \`U+0025-00FF\`;
export var ghi = \`ozGmfTedr1GnFJDWqNUH\`;
export var myClass = \`zchqshjqLbPAHaRvIBET\`;
export var other = \`WZBxXqS2GytaA3IBhhnd\`;
export var otherOther = \`W51zcAMuJMsNFi1CXgWr\`;
export var green = \`KEl5ZxzNkpjfWorrBglC\`;
export var foo = \`ecAEWh2vww9pNEdyj9Jn\`;
export var simple = \`CBlowYk8qiAgWWzFeXRA \${___CSS_LOADER_ICSS_IMPORT_2____NAMED___[\\"importedSimple\\"]}\`;
export var relative = \`c_NHnDcX1bd_kuxgsuYi \${___CSS_LOADER_ICSS_IMPORT_3____NAMED___[\\"importedRelative\\"]}\`;
export var topRelative = \`S0Kwou8pVmsENtBP3hYm \${___CSS_LOADER_ICSS_IMPORT_4____NAMED___[\\"importedRelative\\"]}\`;
export var myModule = \`rq663Pq_zV0CjpwttvK4 \${___CSS_LOADER_ICSS_IMPORT_5____NAMED___[\\"importedModule\\"]}\`;
export var alias = \`fadRMHArJofp7sWEbPVR \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___[\\"importedAlias\\"]}\`;
export var aliasDuplicate = \`sg1HlXqlWy6l6_Wm5iA7 \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___[\\"importedAlias\\"]}\`;
export var primarySelector = \`bnRUswvicYag6u0SPnvI\`;
export var blackSelector = \`kEJRwpukB2OtmkGTknbU\`;
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": Object {
"alias": "fadRMHArJofp7sWEbPVR dnhKs1AYKq4KodZdfzcx",
"aliasDuplicate": "sg1HlXqlWy6l6_Wm5iA7 dnhKs1AYKq4KodZdfzcx",
"blackSelector": "kEJRwpukB2OtmkGTknbU",
"default": [Circular],
"foo": "ecAEWh2vww9pNEdyj9Jn",
"foobarbaz": "q8mv0HutzqdsVWjl8mAz",
"ghi": "ozGmfTedr1GnFJDWqNUH",
"green": "KEl5ZxzNkpjfWorrBglC",
"header": "hY2PI5vC9ABuJY1nkWnf",
"mLarge": "(min-width: 960px)",
"mSmall": "(min-width: 320px)",
"main": "Ix5nEHiVOsWuWxdx0twz oNU7JF6MtPAFrlrthaOD",
"myClass": "zchqshjqLbPAHaRvIBET",
"myModule": "rq663Pq_zV0CjpwttvK4 q49Ogfvno__tAgAiYJcD",
"other": "WZBxXqS2GytaA3IBhhnd",
"otherOther": "W51zcAMuJMsNFi1CXgWr",
"primarySelector": "bnRUswvicYag6u0SPnvI",
"relative": "c_NHnDcX1bd_kuxgsuYi o0pMg4suYQOIzdBIQJv1",
"sBlack": "black-selector",
"sWhite": "white",
"simple": "CBlowYk8qiAgWWzFeXRA pCAAqHK9Lcplw9QM7Rj0",
"topRelative": "S0Kwou8pVmsENtBP3hYm l9CmW32NEl99tuNLdbzp",
"url": "xajoqP1d3SwrjJ4WEM8g",
"vBar": "block",
"vComment": " /* comment */",
"vDef": "red",
"vDimension": "12px",
"vFoo": "blue",
"vFunction": "rgb(0,0,0)",
"vHex": "#fff",
"vIdent": "validIdent",
"vInteger": "100",
"vInteger1": "-100",
"vInteger2": "+100",
"vNumber": ".60",
"vNumber1": "-456.8",
"vNumber2": "-3.4e-2",
"vOther": "green",
"vPercentage": "100%",
"vPreDefinedIdent": "left",
"vPrimary": "#BF4040",
"vSomething": "2112moon",
"vString": "'content'",
"vString1": "''",
"vUnicodeRange": "U+0025-00FF",
"vUrl": "url(https://www.exammple.com/images/my-background.png)",
"vUrl1": "url('https://www.exammple.com/images/my-background.png')",
"vUrl2": "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`] = `Array []`;
exports[`'exportType' option should work with 'css-style-sheet' value and CommonJS modules: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`'exportType' option should work with 'css-style-sheet' value and ECMA modules: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`'exportType' option should work with 'css-style-sheet' value and generate source maps: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`'exportType' option should work with 'css-style-sheet' value and keep import and emit errors on \`@import\` at-rules: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`'exportType' option should work with 'css-style-sheet' value and urls: errors 1`] = `
Array [
"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`] = `
Array [
"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`] = `Array []`;
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`] = `Array []`;
exports[`'exportType' option should work with 'css-style-sheet' value: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`'exportType' option should work with 'string' value and CSS modules: errors 1`] = `Array []`;
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
export var someClass = \`dvYI1gdIOPlJqjwAWOo8\`;
export default ___CSS_LOADER_EXPORT___.toString();
"
`;
exports[`'exportType' option should work with 'string' value and CSS modules: result 1`] = `
Object {
"css": ".dvYI1gdIOPlJqjwAWOo8 {
color: red;
}
",
"locals": Object {
"someClass": "dvYI1gdIOPlJqjwAWOo8",
},
}
`;
exports[`'exportType' option should work with 'string' value and CSS modules: warnings 1`] = `Array []`;
exports[`'exportType' option should work with 'string' value and generate source maps: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`'exportType' option should work with 'string' value: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`'exportType' option should work with CSS modules and the 'exportOnlyLocals' option: errors 1`] = `Array []`;
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
export var vDef = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"vDef\\"]}\`;
export var vOther = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"vOther\\"]}\`;
export var sWhite = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"sWhite\\"]}\`;
export var mSmall = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___[\\"mSmall\\"]}\`;
export var vSomething = \`\${___CSS_LOADER_ICSS_IMPORT_1____NAMED___[\\"vSomething\\"]}\`;
export var vFoo = \`blue\`;
export var vBar = \`block\`;
export var vPrimary = \`#BF4040\`;
export var sBlack = \`black-selector\`;
export var mLarge = \`(min-width: 960px)\`;
export var vIdent = \`validIdent\`;
export var vPreDefinedIdent = \`left\`;
export var vString = \`'content'\`;
export var vString1 = \`''\`;
export var vUrl = \`url(https://www.exammple.com/images/my-background.png)\`;
export var vUrl1 = \`url('https://www.exammple.com/images/my-background.png')\`;
export var vUrl2 = \`url(\\"https://www.exammple.com/images/my-background.png\\")\`;
export var vInteger = \`100\`;
export var vInteger1 = \`-100\`;
export var vInteger2 = \`+100\`;
export var vNumber = \`.60\`;
export var vNumber1 = \`-456.8\`;
export var vNumber2 = \`-3.4e-2\`;
export var vDimension = \`12px\`;
export var vPercentage = \`100%\`;
export var vHex = \`#fff\`;
export var vComment = \` /* comment */\`;
export var vFunction = \`rgb(0,0,0)\`;
export var vUnicodeRange = \`U+0025-00FF\`;
export var ghi = \`ozGmfTedr1GnFJDWqNUH\`;
export var myClass = \`zchqshjqLbPAHaRvIBET\`;
export var other = \`WZBxXqS2GytaA3IBhhnd\`;
export var otherOther = \`W51zcAMuJMsNFi1CXgWr\`;
export var green = \`KEl5ZxzNkpjfWorrBglC\`;
export var foo = \`ecAEWh2vww9pNEdyj9Jn\`;
export var simple = \`CBlowYk8qiAgWWzFeXRA \${___CSS_LOADER_ICSS_IMPORT_2____NAMED___[\\"importedSimple\\"]}\`;
export var relative = \`c_NHnDcX1bd_kuxgsuYi \${___CSS_LOADER_ICSS_IMPORT_3____NAMED___[\\"importedRelative\\"]}\`;
export var topRelative = \`S0Kwou8pVmsENtBP3hYm \${___CSS_LOADER_ICSS_IMPORT_4____NAMED___[\\"importedRelative\\"]}\`;
export var myModule = \`rq663Pq_zV0CjpwttvK4 \${___CSS_LOADER_ICSS_IMPORT_5____NAMED___[\\"importedModule\\"]}\`;
export var alias = \`fadRMHArJofp7sWEbPVR \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___[\\"importedAlias\\"]}\`;
export var aliasDuplicate = \`sg1HlXqlWy6l6_Wm5iA7 \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___[\\"importedAlias\\"]}\`;
export var primarySelector = \`bnRUswvicYag6u0SPnvI\`;
export var blackSelector = \`kEJRwpukB2OtmkGTknbU\`;
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`] = `
Object {
"named": Object {
"alias": "fadRMHArJofp7sWEbPVR dnhKs1AYKq4KodZdfzcx",
"aliasDuplicate": "sg1HlXqlWy6l6_Wm5iA7 dnhKs1AYKq4KodZdfzcx",
"blackSelector": "kEJRwpukB2OtmkGTknbU",
"foo": "ecAEWh2vww9pNEdyj9Jn",
"foobarbaz": "q8mv0HutzqdsVWjl8mAz",
"ghi": "ozGmfTedr1GnFJDWqNUH",
"green": "KEl5ZxzNkpjfWorrBglC",
"header": "hY2PI5vC9ABuJY1nkWnf",
"mLarge": "(min-width: 960px)",
"mSmall": "(min-width: 320px)",
"main": "Ix5nEHiVOsWuWxdx0twz oNU7JF6MtPAFrlrthaOD",
"myClass": "zchqshjqLbPAHaRvIBET",
"myModule": "rq663Pq_zV0CjpwttvK4 q49Ogfvno__tAgAiYJcD",
"other": "WZBxXqS2GytaA3IBhhnd",
"otherOther": "W51zcAMuJMsNFi1CXgWr",
"primarySelector": "bnRUswvicYag6u0SPnvI",
"relative": "c_NHnDcX1bd_kuxgsuYi o0pMg4suYQOIzdBIQJv1",
"sBlack": "black-selector",
"sWhite": "white",
"simple": "CBlowYk8qiAgWWzFeXRA pCAAqHK9Lcplw9QM7Rj0",
"topRelative": "S0Kwou8pVmsENtBP3hYm l9CmW32NEl99tuNLdbzp",
"url": "xajoqP1d3SwrjJ4WEM8g",
"vBar": "block",
"vComment": " /* comment */",
"vDef": "red",
"vDimension": "12px",
"vFoo": "blue",
"vFunction": "rgb(0,0,0)",
"vHex": "#fff",
"vIdent": "validIdent",
"vInteger": "100",
"vInteger1": "-100",
"vInteger2": "+100",
"vNumber": ".60",
"vNumber1": "-456.8",
"vNumber2": "-3.4e-2",
"vOther": "green",
"vPercentage": "100%",
"vPreDefinedIdent": "left",
"vPrimary": "#BF4040",
"vSomething": "2112moon",
"vString": "'content'",
"vString1": "''",
"vUnicodeRange": "U+0025-00FF",
"vUrl": "url(https://www.exammple.com/images/my-background.png)",
"vUrl1": "url('https://www.exammple.com/images/my-background.png')",
"vUrl2": "url(\\"https://www.exammple.com/images/my-background.png\\")",
},
}
`;
exports[`'exportType' option should work with CSS modules and the 'exportOnlyLocals' option: warnings 1`] = `Array []`;
webpack-css-loader-95cf5c5/test/__snapshots__/import-option.test.js.snap 0000664 0000000 0000000 00000512273 14603300531 0026503 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`"import" option should keep original order: errors 1`] = `Array []`;
exports[`"import" option should keep original 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_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___.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___.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\\");
// Module
___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??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??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??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??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??ruleSet[1].rules[0].use[0]!./import/order-3-1.css",
".order-3-1 {
color: white;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../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??ruleSet[1].rules[0].use[0]!./import/order-4-1.css",
"@media (min-width: 1000px) {.order-4-1 {
color: red;
}
}",
"screen",
],
Array [
"../../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",
],
Array [
"../../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",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/order-4-2.css",
"@media (min-width: 2000px) {.order-4-2 {
color: red;
}
}",
"screen",
],
Array [
"../../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%;
height: 200px;
}
",
"",
],
]
`;
exports[`"import" option should keep original order: warnings 1`] = `Array []`;
exports[`"import" option should resolve "file" protocol: errors 1`] = `Array []`;
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`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"./import/import-file-protocol.css",
"",
"",
],
]
`;
exports[`"import" option should resolve "file" protocol: warnings 1`] = `Array []`;
exports[`"import" option should resolve absolute path: errors 1`] = `Array []`;
exports[`"import" option should resolve absolute path: 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 absolute path: result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"./import/import-absolute.css",
"",
"",
],
]
`;
exports[`"import" option should resolve absolute path: warnings 1`] = `Array []`;
exports[`"import" option should resolve server-relative url relative rootContext: errors 1`] = `Array []`;
exports[`"import" option should resolve server-relative url relative rootContext: 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___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
// Module
___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??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"./import/import-server-relative-url.css",
".class {
a: b c d;
}
",
"",
],
]
`;
exports[`"import" option should resolve server-relative url relative rootContext: warnings 1`] = `Array []`;
exports[`"import" option should respect conditionNames: errors 1`] = `Array []`;
exports[`"import" option should respect conditionNames: 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/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, \`
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should respect conditionNames: result 1`] = `
Array [
Array [
"../../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",
"
",
"",
],
]
`;
exports[`"import" option should respect conditionNames: warnings 1`] = `Array []`;
exports[`"import" option should respect style field in package.json: errors 1`] = `Array []`;
exports[`"import" option should respect style field in package.json: 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 {
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??ruleSet[1].rules[0].use[0]!./import/node_modules/issue-683-package/test.css",
".test {
color: coral;
}
",
"",
],
Array [
"./import/issue-683.css",
"
",
"",
],
]
`;
exports[`"import" option should respect style field in package.json: warnings 1`] = `Array []`;
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 work and output media: errors 1`] = `Array []`;
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`] = `Array []`;
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: 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]!./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, \`
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work resolve order: local -> node_modules -> alias: result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/issue-683-package/test.css",
".test {
color: coral;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/issue-683.css",
"
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/node_modules/package/tilde.css",
".tilde {
color: yellow;
}
",
"",
],
Array [
"./import/import-order.css",
"
",
"",
],
]
`;
exports[`"import" option should work resolve order: local -> node_modules -> alias: warnings 1`] = `Array []`;
exports[`"import" option should work when 'import.loaders' not specified: errors 1`] = `Array []`;
exports[`"import" option should work when 'import.loaders' not specified: 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!./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: rgba(0, 0, 255, 0.9);
}
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work when 'import.loaders' 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[`"import" option should work when 'import.loaders' not specified: warnings 1`] = `Array []`;
exports[`"import" option should work when not specified and print correct output: errors 1`] = `Array []`;
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_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___);
___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();
@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 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;
}
}}@media screen and (orientation:landscape) {.test {
c: c;
}
}@media (min-width: 100px) {.test {
d: d;
}
}@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;
}
.other-query {
f: f;
}
@media screen and (orientation:landscape) {.other-query {
f: f;
}
}@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;
}
.top-relative {
color: black;
}
.tilde {
color: yellow;
}
.alias {
color: red;
}
.background-imported {
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.strange {
color: red;
}
.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 when not specified and print correct output: 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\`):
(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 when not specified: errors 1`] = `Array []`;
exports[`"import" option should work when not specified: 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___);
___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();
@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`] = `
".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;
}
}}@media screen and (orientation:landscape) {.test {
c: c;
}
}@media (min-width: 100px) {.test {
d: d;
}
}@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;
}
.other-query {
f: f;
}
@media screen and (orientation:landscape) {.other-query {
f: f;
}
}@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;
}
.top-relative {
color: black;
}
.tilde {
color: yellow;
}
.alias {
color: red;
}
.background-imported {
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.strange {
color: red;
}
.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 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\`):
(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 'false' aliases: errors 1`] = `Array []`;
exports[`"import" option should work with 'false' aliases: 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, \`@import \\"/style.css\\";
.class {
color: red;
}\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work with 'false' aliases: result 1`] = `
Array [
Array [
"./import/false-alias.css",
"@import \\"/style.css\\";
.class {
color: red;
}",
"",
],
]
`;
exports[`"import" option should work with 'false' aliases: warnings 1`] = `Array []`;
exports[`"import" option should work with 'resolve.byDependency.css.extensions': errors 1`] = `Array []`;
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`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/extensions-imported.mycss",
"div {
color: red;
}
",
"",
],
Array [
"./import/extensions.css",
"a {
color: red;
}
",
"",
],
]
`;
exports[`"import" option should work with 'resolve.byDependency.css.extensions': warnings 1`] = `Array []`;
exports[`"import" option should work with 'resolve.extensions': errors 1`] = `Array []`;
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`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./import/extensions-imported.mycss",
"div {
color: red;
}
",
"",
],
Array [
"./import/extensions.css",
"a {
color: red;
}
",
"",
],
]
`;
exports[`"import" option should work with 'resolve.extensions': warnings 1`] = `Array []`;
exports[`"import" option should work with a "import.loaders" value equal to ""1"" ("postcss-loader" before): errors 1`] = `Array []`;
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: rgba(0, 0, 255, 0.9);
}
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work with a "import.loaders" value equal to ""1"" ("postcss-loader" before): result 1`] = `
Array [
Array [
"../../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: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"../../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: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
]
`;
exports[`"import" option should work with a "import.loaders" value equal to ""1"" ("postcss-loader" before): warnings 1`] = `Array []`;
exports[`"import" option should work with a "import.loaders" value equal to "0" (\`postcss-loader\` before): errors 1`] = `Array []`;
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: rgba(0, 0, 255, 0.9);
}
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work with a "import.loaders" value equal to "0" (\`postcss-loader\` before): result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./nested-import/imported.css",
".bar {
color: blue;
color: rgb(0 0 100% / 90%);
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./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[`"import" option should work with a "import.loaders" value equal to "0" (\`postcss-loader\` before): warnings 1`] = `Array []`;
exports[`"import" option should work with a "import.loaders" value equal to "1" ("postcss-loader" before): errors 1`] = `Array []`;
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: rgba(0, 0, 255, 0.9);
}
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work with a "import.loaders" value equal to "1" ("postcss-loader" before): result 1`] = `
Array [
Array [
"../../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: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"../../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: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
]
`;
exports[`"import" option should work with a "import.loaders" value equal to "1" ("postcss-loader" before): warnings 1`] = `Array []`;
exports[`"import" option should work with a "import.loaders" value equal to "1" (no loaders before): errors 1`] = `Array []`;
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`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./nested-import/imported.css",
".bar {
color: blue;
color: rgb(0 0 100% / 90%);
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./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[`"import" option should work with a "import.loaders" value equal to "1" (no loaders before): warnings 1`] = `Array []`;
exports[`"import" option should work with a "import.loaders" value equal to "2" ("postcss-loader" before): errors 1`] = `Array []`;
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: rgba(0, 0, 255, 0.9);
}
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work with a "import.loaders" value equal to "2" ("postcss-loader" before): result 1`] = `
Array [
Array [
"../../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: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"../../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: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
]
`;
exports[`"import" option should work with a "import.loaders" value equal to "2" ("postcss-loader" before): warnings 1`] = `Array []`;
exports[`"import" option should work with a value equal to "false": errors 1`] = `Array []`;
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 '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(\${___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 \\"./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
export default ___CSS_LOADER_EXPORT___;
"
`;
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`] = `Array []`;
exports[`"import" option should work with a value equal to "true": errors 1`] = `Array []`;
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___);
___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();
@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`] = `
".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;
}
}}@media screen and (orientation:landscape) {.test {
c: c;
}
}@media (min-width: 100px) {.test {
d: d;
}
}@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;
}
.other-query {
f: f;
}
@media screen and (orientation:landscape) {.other-query {
f: f;
}
}@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;
}
.top-relative {
color: black;
}
.tilde {
color: yellow;
}
.alias {
color: red;
}
.background-imported {
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.test {
a: a;
}
.strange {
color: red;
}
.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`] = `
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\`):
(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`] = `Array []`;
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`] = `
Array [
Array [
"./import/absolute-url.css",
"@import url(https://raw.githubusercontent.com/webpack-contrib/css-loader/master/test/fixtures/url/imported.css);",
],
Array [
"./import/absolute-url.css",
"a {
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
",
"",
],
]
`;
exports[`"import" option should work with absolute URLs: warnings 1`] = `Array []`;
exports[`"import" option should work with circular \`@import\`: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`"import" option should work with data URI: errors 1`] = `Array []`;
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`] = `
Array [
Array [
"./import/data-uri.css",
"@import url(data:text/css;charset=utf-8;base64,YSB7DQogIGNvbG9yOiByZWQ7DQp9);",
],
Array [
"./import/data-uri.css",
"a {
display: block;
width: 100px;
}
",
"",
],
]
`;
exports[`"import" option should work with data URI: warnings 1`] = `Array []`;
exports[`"import" option should work with import.filter: errors 1`] = `Array []`;
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;
}
}}@media screen and (orientation:landscape) {.test {
c: c;
}
}@media (min-width: 100px) {.test {
d: d;
}
}@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;
}
.other-query {
f: f;
}
@media screen and (orientation:landscape) {.other-query {
f: f;
}
}@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;
}
.top-relative {
color: black;
}
.tilde {
color: yellow;
}
.alias {
color: red;
}
.background-imported {
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
.strange {
color: red;
}
.strange {
color: red;
}
.strange {
color: red;
}
.strange {
color: red;
}
a { 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;
}
.my-box {
color: red;
}
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;
}
@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;
}
}}@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;
}
}@layer base {@layer {.relative {
color: red;
}
}}@layer base {@import url(\\"./test.css\\") layer;
.foo {
color: red;
}
}@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;
}
}}}@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 \\"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(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 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[`"import" option should work with import.filter: 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\`):
(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 {}
",
]
`;
webpack-css-loader-95cf5c5/test/__snapshots__/loader.test.js.snap 0000664 0000000 0000000 00000257046 14603300531 0025135 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`loader issue #1033 (2): errors 1`] = `Array []`;
exports[`loader issue #1033 (2): 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
___CSS_LOADER_EXPORT___.locals = {};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader issue #1033 (2): result 1`] = `
Array [
Array [
"./modules/issue-1033/issue-1033.css",
"",
"",
],
]
`;
exports[`loader issue #1033 (2): warnings 1`] = `Array []`;
exports[`loader issue #1033: errors 1`] = `Array []`;
exports[`loader issue #1033: module 1`] = `
"// Exports
export default {
};
"
`;
exports[`loader issue #1033: result 1`] = `Object {}`;
exports[`loader issue #1033: warnings 1`] = `Array []`;
exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": errors 1`] = `Array []`;
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`] = `
Array [
Array [
"./empty.css",
"",
"",
],
]
`;
exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": warnings 1`] = `Array []`;
exports[`loader should pass queries to other loader: errors 1`] = `Array []`;
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 should pass queries to other loader: result 1`] = `
Array [
Array [
"./other-loader-query.css",
".example {
background-image: url(replaced_file_protocol_/webpack/public/path/image.svg#foo);
}
",
"",
],
]
`;
exports[`loader should pass queries to other loader: warnings 1`] = `Array []`;
exports[`loader should reuse \`ast\` from "postcss-loader": errors 1`] = `Array []`;
exports[`loader should reuse \`ast\` from "postcss-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(\\"./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 {
--fontSize: 1rem;
--mainColor: rgba(18,52,86,0.47059);
--secondaryColor: rgba(102, 51, 153, 0.9);
}
@supports (color: color(display-p3 0 0 0)) {
:root {
--secondaryColor: color(display-p3 0.37546 0.21105 0.57967 / 90%);
}
}
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 (-webkit-min-device-pixel-ratio: 2), (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;
--mainColor: rgba(18,52,86,0.47059);
--secondaryColor: rgba(102, 51, 153, 0.9);
}
@supports (color: color(display-p3 0 0 0)) {
:root {
--secondaryColor: color(display-p3 0.37546 0.21105 0.57967 / 90%);
}
}
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(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) {
.hero:matches(main, .main) {
background-image: url(replaced_file_protocol_/webpack/public/path/img2x.png);
}
}
a {
color: rgba(0, 0, 255, 0.9);
}
a:hover {
color: #639;
}
",
"",
],
]
`;
exports[`loader should reuse \`ast\` from "postcss-loader": warnings 1`] = `Array []`;
exports[`loader should throw an error on invisible spaces: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
SyntaxError
(1:8) /test/fixtures/invisible-space.css Unknown word
> 1 | a { 

 color: red; 

 }
| ^
",
]
`;
exports[`loader should throw an error on invisible spaces: warnings 1`] = `Array []`;
exports[`loader should throw error on invalid css syntax: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
SyntaxError
(2:3) /test/fixtures/error.css Unknown word
1 | .some {
> 2 | invalid css;
| ^
3 | }
4 |
",
]
`;
exports[`loader should throw error on invalid css syntax: warnings 1`] = `Array []`;
exports[`loader should throws error when no loader(s) for assets: errors 1`] = `Array []`;
exports[`loader should throws error when no loader(s) for assets: warnings 1`] = `Array []`;
exports[`loader should work and nothing to do with built-in CSS support: errors 1`] = `Array []`;
exports[`loader should work and nothing to do with built-in CSS support: errors 2`] = `Array []`;
exports[`loader should work and nothing to do with built-in CSS support: module 1`] = `
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(\\"./url/img.png\\");
}
.class-duplicate-url {
background: url(\\"./url/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 and nothing to do with built-in CSS support: module 2`] = `
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(\\"./url/img.png\\");
}
.class-duplicate-url {
background: url(\\"./url/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 and nothing to do with built-in CSS support: warnings 1`] = `
Array [
"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 and nothing to do with built-in CSS support: warnings 2`] = `
Array [
"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 in 'production' mode: 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\\";
/* 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 in 'production' mode: result 1`] = `
Array [
Array [
967,
"@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 in 'production' mode: warnings 1`] = `Array []`;
exports[`loader should work with "asset" module type: errors 1`] = `Array []`;
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(\${___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 "asset" module type: result 1`] = `
Array [
Array [
"./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`] = `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_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`] = `
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 \`templateLiteral\` support: errors 1`] = `Array []`;
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`] = `
Array [
Array [
"./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`] = `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 built-in CSS support: errors 1`] = `Array []`;
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`] = `
Array [
Array [
"./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`] = `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_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`] = `
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_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`] = `
Array [
Array [
"./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`] = `Array []`;
exports[`loader should work with inline module syntax: errors 1`] = `Array []`;
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`] = `
Array [
Array [
"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;
}",
"",
],
Array [
"button.modules.css!=!./index-loader-syntax-sass.css",
".n6iVkcAs9Wu9ovztqf8g {
width: 5px;
}",
"",
],
Array [
"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;
}",
"",
],
Array [
"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;
}",
"",
],
Array [
"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;
}",
"",
],
Array [
"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;
}",
"",
],
Array [
"./index-loader-syntax.css",
".a {
color: red;
}",
"",
],
Array [
"button.modules.css!=!./index-loader-syntax-sass.css",
".n6iVkcAs9Wu9ovztqf8g {
width: 5px;
}",
"",
],
Array [
"button.module.scss!=!./base64-loader/index.js?LmZvbyB7IGNvbG9yOiByZWQ7IH0=!./simple.js?foo=bar",
".QwIaKzIX2nnuKwGnu953 {
color: red;
}",
"",
],
Array [
"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`] = `Array []`;
exports[`loader should work with none AST metadata: errors 1`] = `Array []`;
exports[`loader should work with none AST metadata: result 1`] = `
Array [
Array [
"./simple.css",
".some-class {
color: red;
}
",
"",
],
]
`;
exports[`loader should work with none AST metadata: warnings 1`] = `Array []`;
exports[`loader should work with the "modules.auto" option and the "import.loaders" option: errors 1`] = `Array []`;
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`] = `Array []`;
exports[`loader should work with webpackIgnore comment: errors 1`] = `Array []`;
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___.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 */
@import url(./basic.css);
@import /* webpackIgnore: true */ url(./imported.css);
@import /* webpackIgnore: false */ /* webpackIgnore: true */ url(./simple.css);
@import /* webpackIgnore: false */ /* webpackIgnore: true */ /* webpackIgnore: true */ url(./simple.css);
@import /* webpackIgnore: false */ /* webpackIgnore: false */ /* webpackIgnore: true */ url(./simple.css);
/** 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`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css",
".some-class {
color: red;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css",
".some-class {
color: red;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css",
".some-class {
color: red;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./simple.css",
".some-class {
color: red;
}
",
"",
],
Array [
"./webpackIgnore.css",
"/* webpackIgnore: true */
@import url(./basic.css);
@import /* webpackIgnore: true */ url(./imported.css);
@import /* webpackIgnore: false */ /* webpackIgnore: true */ url(./simple.css);
@import /* webpackIgnore: false */ /* webpackIgnore: true */ /* webpackIgnore: true */ url(./simple.css);
@import /* webpackIgnore: false */ /* webpackIgnore: false */ /* webpackIgnore: true */ url(./simple.css);
/** 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`] = `Array []`;
exports[`loader should work: errors 1`] = `Array []`;
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`] = `
Array [
Array [
"./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: warnings 1`] = `Array []`;
webpack-css-loader-95cf5c5/test/__snapshots__/modules-option.test.js.snap 0000664 0000000 0000000 00002754022 14603300531 0026643 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`"modules" option issue #286: errors 1`] = `Array []`;
exports[`"modules" option issue #286: 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___ 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 { }
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"main\\": \`b--main \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"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 { }
",
"",
],
]
`;
exports[`"modules" option issue #286: warnings 1`] = `Array []`;
exports[`"modules" option issue #636: errors 1`] = `Array []`;
exports[`"modules" option issue #636: 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___ 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 {
}\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"bar\\": \`prefix-bar \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"]}\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #636: result 1`] = `
Array [
Array [
"../../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 {
}",
"",
],
]
`;
exports[`"modules" option issue #636: warnings 1`] = `Array []`;
exports[`"modules" option issue #861: errors 1`] = `Array []`;
exports[`"modules" option issue #861: 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___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/@localpackage/color.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ 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, \`.y19CYJvfPsY__wKRrRBJ {
color: \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"]};
margin: 0;
padding: 0;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"color-grey\\": \`\${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"]}\`,
\\"copyright\\": \`y19CYJvfPsY__wKRrRBJ \${___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"type-heading\\"]}\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #861: result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/issue-861/node_modules/@localpackage/color.css",
"
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/issue-861/node_modules/@otherlocalpackage/style.css",
".RkMzgETKHXnuOl77obC2 {
display: flex;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/issue-861/node_modules/@localpackage/style.css",
".z7lux7p74VniQzqVx2Bi {
color: red;
margin: 0;
padding: 0;
}
",
"",
],
Array [
"./modules/issue-861/resolving-from-node_modules.css",
".y19CYJvfPsY__wKRrRBJ {
color: gray;
margin: 0;
padding: 0;
}
",
"",
],
]
`;
exports[`"modules" option issue #861: warnings 1`] = `Array []`;
exports[`"modules" option issue #966 - values in selectors aren't escaped properly: errors 1`] = `Array []`;
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
___CSS_LOADER_EXPORT___.locals = {
\\"foo-class\\": \`_7-foo-class\`,
\\"bar-class\\": \`--bar-class\`,
\\"baz-class\\": \`--baz-class\`,
\\"fooBaz-class\\": \`fooBaz-class-continuation\`,
\\"some\\": \`some\`,
\\"class\\": \`class\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #966 - values in selectors aren't escaped properly: result 1`] = `
Array [
Array [
"./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`] = `Array []`;
exports[`"modules" option issue #966: errors 1`] = `Array []`;
exports[`"modules" option issue #966: 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, \`.button-hey {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"button\\": \`button-hey\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #966: result 1`] = `
Array [
Array [
"./modules/issue-966/button.css",
".button-hey {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option issue #966: warnings 1`] = `Array []`;
exports[`"modules" option issue #967: errors 1`] = `Array []`;
exports[`"modules" option issue #967: 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, \`.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 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-- {
color: blue;
}
.modules-issue-967-path-placeholder__\\\\[\\\\/\\\\?\\\\<\\\\>\\\\\\\\\\\\\\\\\\\\3A \\\\*\\\\|\\\\\\"\\\\3A \\\\]__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
color: yellow;
}
",
"",
],
]
`;
exports[`"modules" option issue #967: warnings 1`] = `Array []`;
exports[`"modules" option issue #980: errors 1`] = `Array []`;
exports[`"modules" option issue #980: 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, \`.file-with-many-dots-in-name_a_KwVdi {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"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_KwVdi {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option issue #980: warnings 1`] = `Array []`;
exports[`"modules" option issue #995 #2: errors 1`] = `Array []`;
exports[`"modules" option issue #995 #2: 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, \`/* class=\\"😀\\" */
.a {
color: red;
}
/* class=\\"😀 😓\\" */
.a.b {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.a .b {
color: red;
}
/* class=\\"😀\\" */
.😀 {
color: red;
}
/* class=\\"😀 😓\\" */
.😀.😓 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.😀 .😓 {
color: red;
}
/* class=\\"😀\\" */
.\\\\\\\\1F600 {
color: red;
}
/* class=\\"😀 😓\\" */
.\\\\\\\\1F600.\\\\\\\\1F613 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.\\\\\\\\1F600 .\\\\\\\\1F613 {
color: red;
}
/* Local */
/* class=\\"😀\\" */
.\\\\\\\\ {
color: red;
}
/* class=\\"😀 😓\\" */
.\\\\\\\\ .\\\\\\\\ {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.\\\\\\\\ .\\\\\\\\ {
color: red;
}
.\\\\\\\\1F600 .a .\\\\\\\\1F600 {
color: red;
}
.\\\\\\\\ .\\\\\\\\ .\\\\\\\\ {
color: red;
}
div:not(.\\\\\\\\ ) {
color: red;
}
.\\\\\\\\ .b {
color: red;
}
.b .\\\\\\\\ {
color: red;
}
.\\\\\\\\1F613 .\\\\\\\\ {
color: red;
}
.\\\\\\\\1F613 .\\\\\\\\ {
color: red;
}
.\\\\\\\\ > .\\\\\\\\ > .\\\\\\\\ {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"a\\": \` \`,
\\"b\\": \` \`,
\\"c\\": \` \`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #995 #2: result 1`] = `
Array [
Array [
"./modules/issue-995/issue-995.css",
"/* class=\\"😀\\" */
.a {
color: red;
}
/* class=\\"😀 😓\\" */
.a.b {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.a .b {
color: red;
}
/* class=\\"😀\\" */
.😀 {
color: red;
}
/* class=\\"😀 😓\\" */
.😀.😓 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.😀 .😓 {
color: red;
}
/* class=\\"😀\\" */
.\\\\1F600 {
color: red;
}
/* class=\\"😀 😓\\" */
.\\\\1F600.\\\\1F613 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.\\\\1F600 .\\\\1F613 {
color: red;
}
/* Local */
/* class=\\"😀\\" */
.\\\\ {
color: red;
}
/* class=\\"😀 😓\\" */
.\\\\ .\\\\ {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.\\\\ .\\\\ {
color: red;
}
.\\\\1F600 .a .\\\\1F600 {
color: red;
}
.\\\\ .\\\\ .\\\\ {
color: red;
}
div:not(.\\\\ ) {
color: red;
}
.\\\\ .b {
color: red;
}
.b .\\\\ {
color: red;
}
.\\\\1F613 .\\\\ {
color: red;
}
.\\\\1F613 .\\\\ {
color: red;
}
.\\\\ > .\\\\ > .\\\\ {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option issue #995 #2: warnings 1`] = `Array []`;
exports[`"modules" option issue #995: errors 1`] = `Array []`;
exports[`"modules" option issue #995: 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, \`/* class=\\"😀\\" */
.a {
color: red;
}
/* class=\\"😀 😓\\" */
.a.b {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.a .b {
color: red;
}
/* class=\\"😀\\" */
.😀 {
color: red;
}
/* class=\\"😀 😓\\" */
.😀.😓 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.😀 .😓 {
color: red;
}
/* class=\\"😀\\" */
.\\\\\\\\1F600 {
color: red;
}
/* class=\\"😀 😓\\" */
.\\\\\\\\1F600.\\\\\\\\1F613 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.\\\\\\\\1F600 .\\\\\\\\1F613 {
color: red;
}
/* Local */
/* class=\\"😀\\" */
.😀 {
color: red;
}
/* class=\\"😀 😓\\" */
.😀.😀 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.😀 .😀 {
color: red;
}
.\\\\\\\\1F600 .a .\\\\\\\\1F600 {
color: red;
}
.😀 .😀 .😀 {
color: red;
}
div:not(.😀) {
color: red;
}
.😀 .b {
color: red;
}
.b .😀 {
color: red;
}
.\\\\\\\\1F613 .😀 {
color: red;
}
.\\\\\\\\1F613 .😀 {
color: red;
}
.😀 > .😀 > .😀 {
color: red;
}
\`, \\"\\"]);
// 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=\\"😀\\" */
.a {
color: red;
}
/* class=\\"😀 😓\\" */
.a.b {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.a .b {
color: red;
}
/* class=\\"😀\\" */
.😀 {
color: red;
}
/* class=\\"😀 😓\\" */
.😀.😓 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.😀 .😓 {
color: red;
}
/* class=\\"😀\\" */
.\\\\1F600 {
color: red;
}
/* class=\\"😀 😓\\" */
.\\\\1F600.\\\\1F613 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.\\\\1F600 .\\\\1F613 {
color: red;
}
/* Local */
/* class=\\"😀\\" */
.😀 {
color: red;
}
/* class=\\"😀 😓\\" */
.😀.😀 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.😀 .😀 {
color: red;
}
.\\\\1F600 .a .\\\\1F600 {
color: red;
}
.😀 .😀 .😀 {
color: red;
}
div:not(.😀) {
color: red;
}
.😀 .b {
color: red;
}
.b .😀 {
color: red;
}
.\\\\1F613 .😀 {
color: red;
}
.\\\\1F613 .😀 {
color: red;
}
.😀 > .😀 > .😀 {
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_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, \`.classNameLocalFile {
color: green;
}
:global(.otherClassLocalFile) {
color: blue;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {};
export default ___CSS_LOADER_EXPORT___;
"
`;
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;
}
:local(.otherClassGlobalFile) {
color: coral;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1063 throw error: result 1`] = `
".classNameLocalFile {
color: green;
}
:global(.otherClassLocalFile) {
color: blue;
}
.classNameGlobalFile {
color: black;
}
:local(.otherClassGlobalFile) {
color: coral;
}
.foo :local(.bar) {
color: red;
}
"
`;
exports[`"modules" option issue #1063 throw error: warnings 1`] = `Array []`;
exports[`"modules" option issue #1063: errors 1`] = `Array []`;
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;
}
.OgdGONvTFtVRlDH24Xxl {
color: coral;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"otherClassGlobalFile\\": \`OgdGONvTFtVRlDH24Xxl\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
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;
}
.otherClassLocalFile {
color: blue;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"classNameLocalFile\\": \`XQP_Uob2ss9FjIlDgMOk\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
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
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`O3Bw7YaDjucmoBcLTWv6\`,
\\"bar\\": \`bsnf8w1D6AQzl0nVBMef\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1063: result 1`] = `
".XQP_Uob2ss9FjIlDgMOk {
color: green;
}
.otherClassLocalFile {
color: blue;
}
.classNameGlobalFile {
color: black;
}
.OgdGONvTFtVRlDH24Xxl {
color: coral;
}
.O3Bw7YaDjucmoBcLTWv6 .bsnf8w1D6AQzl0nVBMef {
color: red;
}
"
`;
exports[`"modules" option issue #1063: warnings 1`] = `Array []`;
exports[`"modules" option issue #1191 - fallback to default getLocalIdent: errors 1`] = `Array []`;
exports[`"modules" option issue #1191 - fallback to default getLocalIdent: 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, \`.some-class {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"some-class\\": \`some-class\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1191 - fallback to default getLocalIdent: result 1`] = `
Object {
"css1": Array [
Array [
"./modules/issue-1191/issue-1191.css",
".some-class {
color: red;
}
",
"",
],
],
"css2": Array [
Array [
"./modules/issue-1191/issue-1191-custom.css",
".custom-some-class {
color: red;
}
",
"",
],
],
}
`;
exports[`"modules" option issue #1191 - fallback to default getLocalIdent: warnings 1`] = `Array []`;
exports[`"modules" option should avoid unnecessary "require": errors 1`] = `Array []`;
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___ 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;
}
.RoQqX1UKTeWtDXMISYk9 {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"simple-foo\\": \`Ps8VWEq9D6yYDbYD8Z74 \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"]}\`,
\\"simple-bar\\": \`RoQqX1UKTeWtDXMISYk9 \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"]}\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should avoid unnecessary "require": result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/imported-simple.css",
".pCAAqHK9Lcplw9QM7Rj0 {
display: block;
}
",
"",
],
Array [
"./modules/composes/composes-duplicate.css",
".Ps8VWEq9D6yYDbYD8Z74 {
color: red;
}
.RoQqX1UKTeWtDXMISYk9 {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should avoid unnecessary "require": warnings 1`] = `Array []`;
exports[`"modules" option should dedupe same modules in one module (issue #1037): errors 1`] = `Array []`;
exports[`"modules" option should dedupe same modules in one module (issue #1037): 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___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./buttons/primary-button.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ 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, \`.cxBUjVsu_UGx0Xg0ywCw
{
}
.mKgsL_hCxK21zxRDQMbn
{
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"nextButton\\": \`cxBUjVsu_UGx0Xg0ywCw \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"primaryButton\\"]}\`,
\\"backButton\\": \`mKgsL_hCxK21zxRDQMbn \${___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??ruleSet[1].rules[0].use[0]!./modules/dedupe/buttons/button.css",
".ETyYv0AQ15QGLXaOjUIU
{
border:none;
padding:7px 15px;
cursor:pointer;
}
",
"",
],
Array [
"../../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??ruleSet[1].rules[0].use[0]!./modules/dedupe/buttons/secondary-button.css",
"._BsvPO61W5jn4UqX0Jck
{
background-color:#555;
color:white;
}
",
"",
],
Array [
"./modules/dedupe/source.css",
".cxBUjVsu_UGx0Xg0ywCw
{
}
.mKgsL_hCxK21zxRDQMbn
{
}
",
"",
],
]
`;
exports[`"modules" option should dedupe same modules in one module (issue #1037): warnings 1`] = `Array []`;
exports[`"modules" option should emit warning when localIdentName is emoji: errors 1`] = `Array []`;
exports[`"modules" option should emit warning when localIdentName is emoji: 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_NO_SOURCEMAP_IMPORT___ from \\"../../../../src/runtime/noSourceMaps.js\\";
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./order-1.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ 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;
}
.BRalxsptB32EbO5CVyzm {
display: inline;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"simple\\": \`Q9ZbfN73CE9nTzgsOKaJ \${___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\\": \`BRalxsptB32EbO5CVyzm \${___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??ruleSet[1].rules[0].use[0]!./modules/order/order-1.css",
".f6n4s_1IY8eI9OLwFkLZ {
color: red;
}
.xIASfsMafltm9AZOHmbo {
color: aliceblue;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/order/order-2.css",
".EPgSMUSXLA4RUVdEmb8f {
color: blue;
}
.WSVzOOOUl82t8IEBx9dS {
color: azure;
}
",
"",
],
Array [
"./modules/order/index.css",
".Q9ZbfN73CE9nTzgsOKaJ {
display: block;
}
.BRalxsptB32EbO5CVyzm {
display: inline;
}
",
"",
],
]
`;
exports[`"modules" option should keep order: warnings 1`] = `Array []`;
exports[`"modules" option should resolve absolute path in composes: errors 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___ 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
___CSS_LOADER_EXPORT___.locals = {
\\"simple\\": \`kyvwkn92Lnd2EucgzJse \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"]}\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should resolve absolute path in composes: result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/imported-simple.css",
".pCAAqHK9Lcplw9QM7Rj0 {
display: block;
}
",
"",
],
Array [
"./modules/composes/composes-absolute.css",
".kyvwkn92Lnd2EucgzJse { color: red; }",
"",
],
]
`;
exports[`"modules" option should resolve absolute path in composes: warnings 1`] = `Array []`;
exports[`"modules" option should resolve package from node_modules with and without tilde: errors 1`] = `Array []`;
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___ 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___.locals[\\"foo\\"]};
background: \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"bar\\"]};
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`\${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"]}\`,
\\"bar\\": \`\${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"bar\\"]}\`,
\\"className\\": \`dplP4w4XMPrlPI5jKzht\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should resolve package from node_modules with and without tilde: result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/node_modules/test/index.css",
"
",
"",
],
Array [
"./modules/issue-914/source.css",
".dplP4w4XMPrlPI5jKzht {
color: red;
background: green;
}
",
"",
],
]
`;
exports[`"modules" option should resolve package from node_modules with and without tilde: warnings 1`] = `Array []`;
exports[`"modules" option should should work with two leading hyphens: errors 1`] = `Array []`;
exports[`"modules" option should should work with two leading hyphens: 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 {
background: red;
}
._--_test {
background: blue;
}
._--className {
background: red;
}
#_--someId {
background: green;
}
._--className ._--subClass {
color: green;
}
#_--someId ._--subClass {
color: blue;
}
._---a0-34a___f {
color: red;
}
._--m_x_\\\\\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
._--B\\\\\\\\&W\\\\\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
._--\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._--\\\\\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_--\\\\\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_---a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_--© {
color: black;
}
._--♥ { 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\\\\\\\\\\\\\\\\bar {
background: hotpink;
}
._--foo\\\\\\\\/bar\\\\\\\\/baz {
background: hotpink;
}
._--foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {
background: hotpink;
}
\`, \\"\\"]);
// 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 hyphens: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
"._--test {
background: red;
}
._--_test {
background: blue;
}
._--className {
background: red;
}
#_--someId {
background: green;
}
._--className ._--subClass {
color: green;
}
#_--someId ._--subClass {
color: blue;
}
._---a0-34a___f {
color: red;
}
._--m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
._--B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
._--\\\\3A \\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._--\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_--\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_---a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_--© {
color: black;
}
._--♥ { 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\\\\\\\\bar {
background: hotpink;
}
._--foo\\\\/bar\\\\/baz {
background: hotpink;
}
._--foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should should work with two leading hyphens: warnings 1`] = `Array []`;
exports[`"modules" option should should work with two leading underscore: errors 1`] = `Array []`;
exports[`"modules" option should should work with two leading underscore: 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 {
background: red;
}
.___test {
background: blue;
}
.__className {
background: red;
}
#__someId {
background: green;
}
.__className .__subClass {
color: green;
}
#__someId .__subClass {
color: blue;
}
.__-a0-34a___f {
color: red;
}
.__m_x_\\\\\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
.__B\\\\\\\\&W\\\\\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.__\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.__\\\\\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#__\\\\\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#__-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#__© {
color: black;
}
.__♥ { 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\\\\\\\\\\\\\\\\bar {
background: hotpink;
}
.__foo\\\\\\\\/bar\\\\\\\\/baz {
background: hotpink;
}
.__foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {
background: hotpink;
}
\`, \\"\\"]);
// 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;
}
.___test {
background: blue;
}
.__className {
background: red;
}
#__someId {
background: green;
}
.__className .__subClass {
color: green;
}
#__someId .__subClass {
color: blue;
}
.__-a0-34a___f {
color: red;
}
.__m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
.__B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.__\\\\3A \\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.__\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#__\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#__-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#__© {
color: black;
}
.__♥ { 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\\\\\\\\bar {
background: hotpink;
}
.__foo\\\\/bar\\\\/baz {
background: hotpink;
}
.__foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should should work with two leading underscore: warnings 1`] = `Array []`;
exports[`"modules" option should support resolving in composes preprocessor files with extensions: errors 1`] = `Array []`;
exports[`"modules" option should support resolving in composes preprocessor files with 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_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./values.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./less-file.less\\";
import ___CSS_LOADER_ICSS_IMPORT_2___ 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;
}
.jfnINdjNmjmNE30hJhM2 {
color: \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"]};
}
.UIbsE5LKj9LULxJh5lui {
color: \${___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-foo\\"]};
}
.IhDiFbofjUNbC6vdWN9Z {
color: \${___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"v-bar\\"]};
}
.vtrwouBgSegFPwkaXOt_ {
background: #000;
}
\`, \\"\\"]);
// 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\\": \`jfnINdjNmjmNE30hJhM2\`,
\\"class\\": \`UIbsE5LKj9LULxJh5lui \${___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"lessClass\\"]}\`,
\\"other\\": \`IhDiFbofjUNbC6vdWN9Z \${___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"scssClass\\"]}\`,
\\"otherClassName\\": \`vtrwouBgSegFPwkaXOt_ globalClassName\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should support resolving in composes preprocessor files with extensions: result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/values.css",
"
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/less-file.less",
".t5MH7YkQgNxGoiYDjLHG {
padding: 5px;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/scss-file.scss",
"$color: red;
.oNU7JF6MtPAFrlrthaOD {
color: $color;
padding: 15px;
}
",
"",
],
Array [
"./modules/composes/composes-preprocessors.css",
".globalClassName {
color: orange;
}
.jfnINdjNmjmNE30hJhM2 {
color: red;
}
.UIbsE5LKj9LULxJh5lui {
color: green;
}
.IhDiFbofjUNbC6vdWN9Z {
color: white;
}
.vtrwouBgSegFPwkaXOt_ {
background: #000;
}
",
"",
],
]
`;
exports[`"modules" option should support resolving in composes preprocessor files with extensions: warnings 1`] = `Array []`;
exports[`"modules" option should support resolving in composes: errors 1`] = `Array []`;
exports[`"modules" option should support resolving 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___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./values.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css\\";
import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported-simple.css\\";
import ___CSS_LOADER_ICSS_IMPORT_3___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css\\";
import ___CSS_LOADER_ICSS_IMPORT_4___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css\\";
import ___CSS_LOADER_ICSS_IMPORT_5___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!../issue-861/node_modules/package/style.css\\";
import ___CSS_LOADER_ICSS_IMPORT_6___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css\\";
import ___CSS_LOADER_ICSS_IMPORT_7___ 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, \`.ozGmfTedr1GnFJDWqNUH {
color: \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"]};
}
.zchqshjqLbPAHaRvIBET {
color: blue;
}
.WZBxXqS2GytaA3IBhhnd {
display: block;
}
.W51zcAMuJMsNFi1CXgWr {
width: \${___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"]};
}
.KEl5ZxzNkpjfWorrBglC {
color: \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"]};
}
.ecAEWh2vww9pNEdyj9Jn {
prop: \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"]};
duplicate: \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"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___.locals[\\"s-white\\"]} {
color: white;
}
@media \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"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
___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-comment\\": \` /* comment */\`,
\\"v-function\\": \`rgb(0,0,0)\`,
\\"v-unicode-range\\": \`U+0025-00FF\`,
\\"ghi\\": \`ozGmfTedr1GnFJDWqNUH\`,
\\"my-class\\": \`zchqshjqLbPAHaRvIBET\`,
\\"other\\": \`WZBxXqS2GytaA3IBhhnd\`,
\\"other-other\\": \`W51zcAMuJMsNFi1CXgWr\`,
\\"green\\": \`KEl5ZxzNkpjfWorrBglC\`,
\\"foo\\": \`ecAEWh2vww9pNEdyj9Jn\`,
\\"simple\\": \`CBlowYk8qiAgWWzFeXRA \${___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"imported-simple\\"]}\`,
\\"relative\\": \`c_NHnDcX1bd_kuxgsuYi \${___CSS_LOADER_ICSS_IMPORT_3___.locals[\\"imported-relative\\"]}\`,
\\"top-relative\\": \`S0Kwou8pVmsENtBP3hYm \${___CSS_LOADER_ICSS_IMPORT_4___.locals[\\"imported-relative\\"]}\`,
\\"my-module\\": \`rq663Pq_zV0CjpwttvK4 \${___CSS_LOADER_ICSS_IMPORT_5___.locals[\\"imported-module\\"]}\`,
\\"alias\\": \`fadRMHArJofp7sWEbPVR \${___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"]}\`,
\\"alias-duplicate\\": \`sg1HlXqlWy6l6_Wm5iA7 \${___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"]}\`,
\\"primary-selector\\": \`bnRUswvicYag6u0SPnvI\`,
\\"black-selector\\": \`kEJRwpukB2OtmkGTknbU\`,
\\"header\\": \`hY2PI5vC9ABuJY1nkWnf\`,
\\"foobarbaz\\": \`q8mv0HutzqdsVWjl8mAz\`,
\\"url\\": \`xajoqP1d3SwrjJ4WEM8g\`,
\\"main\\": \`Ix5nEHiVOsWuWxdx0twz \${___CSS_LOADER_ICSS_IMPORT_7___.locals[\\"scssClass\\"]}\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should support resolving in composes: result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/test-other.css",
".s4X7wVQcTygYUV4ttKyQ {
d: d;
}
",
"(min-width: 100px)",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/values.css",
"
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/something.css",
"
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/imported-simple.css",
".pCAAqHK9Lcplw9QM7Rj0 {
display: block;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/relative.css",
".o0pMg4suYQOIzdBIQJv1 {
display: inline;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/top-relative.css",
".l9CmW32NEl99tuNLdbzp {
display: flex;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/issue-861/node_modules/package/style.css",
".q49Ogfvno__tAgAiYJcD {
display: inline-block;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/composes/alias.css",
".dnhKs1AYKq4KodZdfzcx {
display: table;
}
",
"",
],
Array [
"../../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;
}",
"",
],
Array [
"./modules/composes/composes.css",
".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(replaced_file_protocol_/webpack/public/path/img.png);
}
.Ix5nEHiVOsWuWxdx0twz {
background: red;
}
",
"",
],
]
`;
exports[`"modules" option should support resolving in composes: warnings 1`] = `Array []`;
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 throw an error on unresolved import: warnings 1`] = `Array []`;
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' (11:11)
File was processed with these loaders:",
]
`;
exports[`"modules" option should throw an error when class has unsupported name (JavaScript reserved words): warnings 1`] = `Array []`;
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\\" or \\"dashesOnly\\"",
]
`;
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 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 'esModule' 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 throw error when the "exportLocalsConvention" function throw error: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
Error: namedExportFn error",
]
`;
exports[`"modules" option should throw error when the "exportLocalsConvention" function throw error: warnings 1`] = `Array []`;
exports[`"modules" option should throw error with composes when the "namedExport" is enabled and "exportLocalsConvention" options has invalid 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\\" or \\"dashesOnly\\"",
]
`;
exports[`"modules" option should throw error with composes when the "namedExport" is enabled and "exportLocalsConvention" options has invalid value: warnings 1`] = `Array []`;
exports[`"modules" option should work and correctly replace escaped symbols: errors 1`] = `Array []`;
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;
}
._test--Lb3f {
background: blue;
}
.className--Ldhp {
background: red;
}
#someId--b0rh {
background: green;
}
.className--Ldhp .subClass--Mw9j {
color: green;
}
#someId--b0rh .subClass--Mw9j {
color: blue;
}
.-a0-34a___f--DdFW {
color: red;
}
.m_x_\\\\\\\\@--OdAm {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\\\\\&W\\\\\\\\?--h4SE {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--fKJQ {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\\\\\31 a2b3c--YR1u {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\\\\\#fake-id--AqiA {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---CwXv {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--jBj0 {
color: black;
}
.♥--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;
}
.foo\\\\\\\\\\\\\\\\bar--IgSz {
background: hotpink;
}
.foo\\\\\\\\/bar\\\\\\\\/baz--p6KJ {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--HZer {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`123--oqRG\`,
\\"test\\": \`test--KuIS\`,
\\"_test\\": \`_test--Lb3f\`,
\\"className\\": \`className--Ldhp\`,
\\"someId\\": \`someId--b0rh\`,
\\"subClass\\": \`subClass--Mw9j\`,
\\"-a0-34a___f\\": \`-a0-34a___f--DdFW\`,
\\"m_x_@\\": \`m_x_@--OdAm\`,
\\"B&W?\\": \`B&W?--h4SE\`,
\\":\`(\\": \`:\\\\\`(--fKJQ\`,
\\"1a2b3c\\": \`1a2b3c--YR1u\`,
\\"#fake-id\\": \`#fake-id--AqiA\`,
\\"-a-b-c-\\": \`-a-b-c---CwXv\`,
\\"©\\": \`©--jBj0\`,
\\"♥\\": \`♥--vJl9\`,
\\"�\\": \`�--CNLr\`,
\\"“‘’�\\": \`“‘’�--GM0Y\`,
\\"☺☃\\": \`☺☃--NKrB\`,
\\"⌘⌥\\": \`⌘⌥--edHW\`,
\\"�♪♩♫♬\\": \`�♪♩♫♬--QyMp\`,
\\"💩\\": \`💩--B82Y\`,
\\"?\\": \`?--ndmp\`,
\\"@\\": \`@--v3gq\`,
\\".\\": \`.--zd5u\`,
\\":)\\": \`:)--ZiZn\`,
\\"
\\": \`
--TdAx\`,
\\"<><<<>><>\\": \`<><<<>><>--ozNs\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--ByKo\`,
\\"#\\": \`#--HkwI\`,
\\"##\\": \`##--IJc6\`,
\\"#.#.#\\": \`#.#.#--BnPp\`,
\\"_\\": \`_--bCwk\`,
\\"{}\\": \`{}--IZkB\`,
\\"foo.bar\\": \`foo.bar--uajo\`,
\\":hover\\": \`:hover--HVud\`,
\\":hover:focus:active\\": \`:hover:focus:active--Zlaa\`,
\\"[attr=value]\\": \`[attr=value]--PWvC\`,
\\"f/o/o\\": \`f/o/o--A5l5\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`f\\\\\\\\o\\\\\\\\o--DFfh\`,
\\"f*o*o\\": \`f*o*o--gv1E\`,
\\"f!o!o\\": \`f!o!o--_aIy\`,
\\"f'o'o\\": \`f'o'o--HSXN\`,
\\"f~o~o\\": \`f~o~o--MrVz\`,
\\"f+o+o\\": \`f+o+o--EvMH\`,
\\"foo/bar\\": \`foo/bar--hei2\`,
\\"foo\\\\\\\\bar\\": \`foo\\\\\\\\bar--IgSz\`,
\\"foo/bar/baz\\": \`foo/bar/baz--p6KJ\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`foo\\\\\\\\bar\\\\\\\\baz--HZer\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and correctly replace escaped symbols: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".test--KuIS {
background: red;
}
._test--Lb3f {
background: blue;
}
.className--Ldhp {
background: red;
}
#someId--b0rh {
background: green;
}
.className--Ldhp .subClass--Mw9j {
color: green;
}
#someId--b0rh .subClass--Mw9j {
color: blue;
}
.-a0-34a___f--DdFW {
color: red;
}
.m_x_\\\\@--OdAm {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\&W\\\\?--h4SE {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.\\\\3A \\\\\`\\\\(--fKJQ {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\31 a2b3c--YR1u {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\#fake-id--AqiA {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---CwXv {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--jBj0 {
color: black;
}
.♥--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;
}
.foo\\\\\\\\bar--IgSz {
background: hotpink;
}
.foo\\\\/bar\\\\/baz--p6KJ {
background: hotpink;
}
.foo\\\\\\\\bar\\\\\\\\baz--HZer {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and correctly replace escaped symbols: warnings 1`] = `Array []`;
exports[`"modules" option should work and generate the same classes for client and server: client errors 1`] = `Array []`;
exports[`"modules" option should work and generate the same classes for client and server: client module 1`] = `
"// extracted by mini-css-extract-plugin
export default {\\"123\\":\\"oqRGsO4UR7_DWiqWXJMz\\",\\"test\\":\\"KuIShlgsYfxvLoLHT1mu\\",\\"_test\\":\\"Lb3fhDAuJv4v7BXOPttP\\",\\"className\\":\\"LdhpkZRWyKT7zDwJ0lt8\\",\\"someId\\":\\"b0rhwJStMR3eH63oapwW\\",\\"subClass\\":\\"Mw9j4nIdjx1xCGDt7d6a\\",\\"-a0-34a___f\\":\\"DdFWMPoluIgmQirKzoS6\\",\\"m_x_@\\":\\"OdAmghrme3xnUYOdzoDw\\",\\"B&W?\\":\\"h4SEF34CLwChRsak1742\\",\\":\`(\\":\\"fKJQkLarfQOel4wwbIrn\\",\\"1a2b3c\\":\\"YR1u_buYf6paLzzUM6Vc\\",\\"#fake-id\\":\\"AqiAGSfnwaXj3eqg0Om8\\",\\"-a-b-c-\\":\\"CwXv27VMwyQqKBvNNaFr\\",\\"©\\":\\"jBj0sZiWBysiwRyGu_go\\",\\"♥\\":\\"vJl9A9Ds21oujVsd5UD2\\",\\"�\\":\\"CNLr9yJwqs3dm6FgpOqA\\",\\"“‘’�\\":\\"GM0Y0nFCPtkVMz6Esfno\\",\\"☺☃\\":\\"NKrBw7EAqPT7Cgn7JzrA\\",\\"⌘⌥\\":\\"edHWpSne18gmGmfN6SV6\\",\\"�♪♩♫♬\\":\\"QyMp9YMEoYUmEHEdpRal\\",\\"💩\\":\\"B82YxwgREHbKn8IpgaWw\\",\\"?\\":\\"ndmpvNNltJXbDVvqKuxt\\",\\"@\\":\\"v3gq0wPogd6ZPfq_pfyZ\\",\\".\\":\\"zd5uIZq6KrAWTwBjwZdC\\",\\":)\\":\\"ZiZnRjRT03NgoqVQwkGO\\",\\"
\\":\\"TdAx2ZSkw7Hbktc7KR72\\",\\"<><<<>><>\\":\\"ozNsTIG0LL2gSQdL5dzv\\",\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\":\\"ByKoYcSrMT2cN3V2iAgZ\\",\\"#\\":\\"HkwIsjW5i7WNAxVRd5cg\\",\\"##\\":\\"IJc6Xl4ZKVZvSoeIuI2Q\\",\\"#.#.#\\":\\"BnPpnJmPeNr51pj2ZTlf\\",\\"_\\":\\"bCwkZEDuxDAOhKnMdLVF\\",\\"{}\\":\\"IZkBfE9iUPen76w2bB_q\\",\\"foo.bar\\":\\"uajo7mHzD_tTqOXqaqdg\\",\\":hover\\":\\"HVudUNXnLNQoCLpVn82S\\",\\":hover:focus:active\\":\\"ZlaaXvHLUsJOCFzItB_1\\",\\"[attr=value]\\":\\"PWvC4jVM5SwUmKmw2tfW\\",\\"f/o/o\\":\\"A5l5sDODF4CQBW_PtlQD\\",\\"f\\\\\\\\o\\\\\\\\o\\":\\"DFfh4KyqOODVQsTPb3wt\\",\\"f*o*o\\":\\"gv1E2n_bVvy0iT8TaHIv\\",\\"f!o!o\\":\\"_aIyR9ETAs8ipXmRrrDO\\",\\"f'o'o\\":\\"HSXNnSjt1QaHBHUb_UIs\\",\\"f~o~o\\":\\"MrVzSIcSXyoDsr5G0K5_\\",\\"f+o+o\\":\\"EvMHRmCudyKg3GpLjAfj\\",\\"foo/bar\\":\\"hei2uQgDeX2YNkppCHp9\\",\\"foo\\\\\\\\bar\\":\\"IgSzmmsCqiJBl4SibwgR\\",\\"foo/bar/baz\\":\\"p6KJMhNWwmCU2bXHJB93\\",\\"foo\\\\\\\\bar\\\\\\\\baz\\":\\"HZerWgmU0ffpPzySVi_g\\"};"
`;
exports[`"modules" option should work and generate the same classes for client and server: client result 1`] = `
Object {
"#": "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`] = `Array []`;
exports[`"modules" option should work and generate the same classes for client and server: server errors 1`] = `Array []`;
exports[`"modules" option should work and generate the same classes for client and server: server module 1`] = `
"// Exports
export default {
\\"123\\": \`oqRGsO4UR7_DWiqWXJMz\`,
\\"test\\": \`KuIShlgsYfxvLoLHT1mu\`,
\\"_test\\": \`Lb3fhDAuJv4v7BXOPttP\`,
\\"className\\": \`LdhpkZRWyKT7zDwJ0lt8\`,
\\"someId\\": \`b0rhwJStMR3eH63oapwW\`,
\\"subClass\\": \`Mw9j4nIdjx1xCGDt7d6a\`,
\\"-a0-34a___f\\": \`DdFWMPoluIgmQirKzoS6\`,
\\"m_x_@\\": \`OdAmghrme3xnUYOdzoDw\`,
\\"B&W?\\": \`h4SEF34CLwChRsak1742\`,
\\":\`(\\": \`fKJQkLarfQOel4wwbIrn\`,
\\"1a2b3c\\": \`YR1u_buYf6paLzzUM6Vc\`,
\\"#fake-id\\": \`AqiAGSfnwaXj3eqg0Om8\`,
\\"-a-b-c-\\": \`CwXv27VMwyQqKBvNNaFr\`,
\\"©\\": \`jBj0sZiWBysiwRyGu_go\`,
\\"♥\\": \`vJl9A9Ds21oujVsd5UD2\`,
\\"�\\": \`CNLr9yJwqs3dm6FgpOqA\`,
\\"“‘’�\\": \`GM0Y0nFCPtkVMz6Esfno\`,
\\"☺☃\\": \`NKrBw7EAqPT7Cgn7JzrA\`,
\\"⌘⌥\\": \`edHWpSne18gmGmfN6SV6\`,
\\"�♪♩♫♬\\": \`QyMp9YMEoYUmEHEdpRal\`,
\\"💩\\": \`B82YxwgREHbKn8IpgaWw\`,
\\"?\\": \`ndmpvNNltJXbDVvqKuxt\`,
\\"@\\": \`v3gq0wPogd6ZPfq_pfyZ\`,
\\".\\": \`zd5uIZq6KrAWTwBjwZdC\`,
\\":)\\": \`ZiZnRjRT03NgoqVQwkGO\`,
\\"
\\": \`TdAx2ZSkw7Hbktc7KR72\`,
\\"<><<<>><>\\": \`ozNsTIG0LL2gSQdL5dzv\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`ByKoYcSrMT2cN3V2iAgZ\`,
\\"#\\": \`HkwIsjW5i7WNAxVRd5cg\`,
\\"##\\": \`IJc6Xl4ZKVZvSoeIuI2Q\`,
\\"#.#.#\\": \`BnPpnJmPeNr51pj2ZTlf\`,
\\"_\\": \`bCwkZEDuxDAOhKnMdLVF\`,
\\"{}\\": \`IZkBfE9iUPen76w2bB_q\`,
\\"foo.bar\\": \`uajo7mHzD_tTqOXqaqdg\`,
\\":hover\\": \`HVudUNXnLNQoCLpVn82S\`,
\\":hover:focus:active\\": \`ZlaaXvHLUsJOCFzItB_1\`,
\\"[attr=value]\\": \`PWvC4jVM5SwUmKmw2tfW\`,
\\"f/o/o\\": \`A5l5sDODF4CQBW_PtlQD\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`DFfh4KyqOODVQsTPb3wt\`,
\\"f*o*o\\": \`gv1E2n_bVvy0iT8TaHIv\`,
\\"f!o!o\\": \`_aIyR9ETAs8ipXmRrrDO\`,
\\"f'o'o\\": \`HSXNnSjt1QaHBHUb_UIs\`,
\\"f~o~o\\": \`MrVzSIcSXyoDsr5G0K5_\`,
\\"f+o+o\\": \`EvMHRmCudyKg3GpLjAfj\`,
\\"foo/bar\\": \`hei2uQgDeX2YNkppCHp9\`,
\\"foo\\\\\\\\bar\\": \`IgSzmmsCqiJBl4SibwgR\`,
\\"foo/bar/baz\\": \`p6KJMhNWwmCU2bXHJB93\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`HZerWgmU0ffpPzySVi_g\`
};
"
`;
exports[`"modules" option should work and generate the same classes for client and server: server result 1`] = `
Object {
"#": "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`] = `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_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, \`.foo {
background: red;
}
.foo {
background: blue;
}
.foo {
background: red;
}
#foo {
background: green;
}
.foo .foo {
color: green;
}
#foo .foo {
color: blue;
}
.foo {
color: red;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.foo {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.foo {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#foo {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#foo {
color: azure;
}
/* matches the element with id=\\"©\\" */
#foo {
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; }
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
\`, \\"\\"]);
// 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\`,
\\"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 has "undefined" context if no context was given: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".foo {
background: red;
}
.foo {
background: blue;
}
.foo {
background: red;
}
#foo {
background: green;
}
.foo .foo {
color: green;
}
#foo .foo {
color: blue;
}
.foo {
color: red;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.foo {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.foo {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#foo {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#foo {
color: azure;
}
/* matches the element with id=\\"©\\" */
#foo {
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; }
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and has "undefined" context if no context was given: warnings 1`] = `Array []`;
exports[`"modules" option should work and prefer relative for "composes": errors 1`] = `Array []`;
exports[`"modules" option should work and prefer relative for "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___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./package/one.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ 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, \`.eY6jkKjjXnFY1QWC5gpe {
color: yellow;
}
.cfTHoySzymaJQ150LQPh {
color: yellow;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"one\\": \`eY6jkKjjXnFY1QWC5gpe \${___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-relative\\"]}\`,
\\"two\\": \`cfTHoySzymaJQ150LQPh \${___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"imported-relative\\"]}\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and prefer relative for "composes": result 1`] = `
Array [
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/prefer-relative/package/one.css",
".x6BAJm_OUHnABwnaBJG6 {
display: block;
}
",
"",
],
Array [
"../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/prefer-relative/node_modules/package/two.css",
".sFLAbn2jg871KRraVJSF {
display: inline;
}
",
"",
],
Array [
"./modules/prefer-relative/source.css",
".eY6jkKjjXnFY1QWC5gpe {
color: yellow;
}
.cfTHoySzymaJQ150LQPh {
color: yellow;
}
",
"",
],
]
`;
exports[`"modules" option should work and prefer relative for "composes": warnings 1`] = `Array []`;
exports[`"modules" option should work and prefix leading hyphen when digit is first: errors 1`] = `Array []`;
exports[`"modules" option should work and prefix leading hyphen when digit is first: 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, \`._-1test {
background: red;
}
._-1_test {
background: blue;
}
._-1className {
background: red;
}
#_-1someId {
background: green;
}
._-1className ._-1subClass {
color: green;
}
#_-1someId ._-1subClass {
color: blue;
}
._-1-a0-34a___f {
color: red;
}
._-1m_x_\\\\\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
._-1B\\\\\\\\&W\\\\\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
._-1\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._-1\\\\\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_-1\\\\\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_-1-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_-1© {
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\\\\\\\\. { 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; }
._-1foo\\\\\\\\/bar {
background: hotpink;
}
._-1foo\\\\\\\\\\\\\\\\bar {
background: hotpink;
}
._-1foo\\\\\\\\/bar\\\\\\\\/baz {
background: hotpink;
}
._-1foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {
background: hotpink;
}
\`, \\"\\"]);
// 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_\`,
\\"{}\\": \`_-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 {
background: red;
}
._-1_test {
background: blue;
}
._-1className {
background: red;
}
#_-1someId {
background: green;
}
._-1className ._-1subClass {
color: green;
}
#_-1someId ._-1subClass {
color: blue;
}
._-1-a0-34a___f {
color: red;
}
._-1m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
._-1B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
._-1\\\\3A \\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._-1\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_-1\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_-1-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_-1© {
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\\\\. { 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; }
._-1foo\\\\/bar {
background: hotpink;
}
._-1foo\\\\\\\\bar {
background: hotpink;
}
._-1foo\\\\/bar\\\\/baz {
background: hotpink;
}
._-1foo\\\\\\\\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_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, \`.Cqfpw57I {
background: red;
}
.TGo4Rmnn {
background: blue;
}
.V3rkzYqn {
background: red;
}
#p0emrDgk {
background: green;
}
.V3rkzYqn .v0YwV1mq {
color: green;
}
#p0emrDgk .v0YwV1mq {
color: blue;
}
.iD7O58t6 {
color: red;
}
.RH_w1QEb {
margin-left: auto !important;
margin-right: auto !important;
}
.Ag92YvL3 {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.ETB9N0Rx {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.LEy8bpHz {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#JOQqQG3P {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#LD6vZ0vn {
color: azure;
}
/* matches the element with id=\\"©\\" */
#bD4iEyBe {
color: black;
}
.pHooKEFO { background: lime; }
.bD4iEyBe { background: lime; }
.MkprjEQN { background: lime; }
.hsoP1NHa { background: lime; }
.AERfnIsn { background: lime; }
.s83tEkiy { background: lime; }
.sIO5dUZQ { background: lime; }
.zVi6sc5A { background: lime; }
.N9lQNAW2 { background: lime; }
.SysYqBF2 { background: lime; }
._TYYa2xJ { background: lime; }
.TFikf3jN { background: lime; }
.ETB9N0Rx { background: lime; }
.DEfkSXfj { background: lime; }
.LEy8bpHz { background: lime; }
.nMEppSss { background: lime; }
.cGH8351B { background: lime; }
._sBaAj4v { background: lime; }
.Ig420xMn { background: lime; }
.t_MNCpGV { background: lime; }
.ozULn22d { background: lime; }
.qR0Vnn20 { background: lime; }
.tt66IaNP { background: lime; }
.JOQqQG3P { background: lime; }
.RFVWf69B { background: lime; }
.QnhABYwt { background: lime; }
.qRhRpbmB { background: lime; }
.wkL_QN8C { background: lime; }
.KDSjlnnR { background: lime; }
.LsVcYH6Y { background: lime; }
.CNQowmKT { background: lime; }
.eUsF4mDa { background: lime; }
.ESWnsA_A { background: lime; }
.taQ7D9sF { background: lime; }
.AL7FEeDx { background: lime; }
.GOPxpaxq {
background: hotpink;
}
.chesbSdq {
background: hotpink;
}
.QMeNd406 {
background: hotpink;
}
.jXaakDKS {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`DEfkSXfj\`,
\\"test\\": \`Cqfpw57I\`,
\\"_test\\": \`TGo4Rmnn\`,
\\"className\\": \`V3rkzYqn\`,
\\"someId\\": \`p0emrDgk\`,
\\"subClass\\": \`v0YwV1mq\`,
\\"-a0-34a___f\\": \`iD7O58t6\`,
\\"m_x_@\\": \`RH_w1QEb\`,
\\"B&W?\\": \`Ag92YvL3\`,
\\":\`(\\": \`ETB9N0Rx\`,
\\"1a2b3c\\": \`LEy8bpHz\`,
\\"#fake-id\\": \`JOQqQG3P\`,
\\"-a-b-c-\\": \`LD6vZ0vn\`,
\\"©\\": \`bD4iEyBe\`,
\\"♥\\": \`pHooKEFO\`,
\\"�\\": \`MkprjEQN\`,
\\"“‘’�\\": \`hsoP1NHa\`,
\\"☺☃\\": \`AERfnIsn\`,
\\"⌘⌥\\": \`s83tEkiy\`,
\\"�♪♩♫♬\\": \`sIO5dUZQ\`,
\\"💩\\": \`zVi6sc5A\`,
\\"?\\": \`N9lQNAW2\`,
\\"@\\": \`SysYqBF2\`,
\\".\\": \`_TYYa2xJ\`,
\\":)\\": \`TFikf3jN\`,
\\"
\\": \`nMEppSss\`,
\\"<><<<>><>\\": \`cGH8351B\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`_sBaAj4v\`,
\\"#\\": \`Ig420xMn\`,
\\"##\\": \`t_MNCpGV\`,
\\"#.#.#\\": \`ozULn22d\`,
\\"_\\": \`qR0Vnn20\`,
\\"{}\\": \`tt66IaNP\`,
\\"foo.bar\\": \`RFVWf69B\`,
\\":hover\\": \`QnhABYwt\`,
\\":hover:focus:active\\": \`qRhRpbmB\`,
\\"[attr=value]\\": \`wkL_QN8C\`,
\\"f/o/o\\": \`KDSjlnnR\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`LsVcYH6Y\`,
\\"f*o*o\\": \`CNQowmKT\`,
\\"f!o!o\\": \`eUsF4mDa\`,
\\"f'o'o\\": \`ESWnsA_A\`,
\\"f~o~o\\": \`taQ7D9sF\`,
\\"f+o+o\\": \`AL7FEeDx\`,
\\"foo/bar\\": \`GOPxpaxq\`,
\\"foo\\\\\\\\bar\\": \`chesbSdq\`,
\\"foo/bar/baz\\": \`QMeNd406\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`jXaakDKS\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "context" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".Cqfpw57I {
background: red;
}
.TGo4Rmnn {
background: blue;
}
.V3rkzYqn {
background: red;
}
#p0emrDgk {
background: green;
}
.V3rkzYqn .v0YwV1mq {
color: green;
}
#p0emrDgk .v0YwV1mq {
color: blue;
}
.iD7O58t6 {
color: red;
}
.RH_w1QEb {
margin-left: auto !important;
margin-right: auto !important;
}
.Ag92YvL3 {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.ETB9N0Rx {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.LEy8bpHz {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#JOQqQG3P {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#LD6vZ0vn {
color: azure;
}
/* matches the element with id=\\"©\\" */
#bD4iEyBe {
color: black;
}
.pHooKEFO { background: lime; }
.bD4iEyBe { background: lime; }
.MkprjEQN { background: lime; }
.hsoP1NHa { background: lime; }
.AERfnIsn { background: lime; }
.s83tEkiy { background: lime; }
.sIO5dUZQ { background: lime; }
.zVi6sc5A { background: lime; }
.N9lQNAW2 { background: lime; }
.SysYqBF2 { background: lime; }
._TYYa2xJ { background: lime; }
.TFikf3jN { background: lime; }
.ETB9N0Rx { background: lime; }
.DEfkSXfj { background: lime; }
.LEy8bpHz { background: lime; }
.nMEppSss { background: lime; }
.cGH8351B { background: lime; }
._sBaAj4v { background: lime; }
.Ig420xMn { background: lime; }
.t_MNCpGV { background: lime; }
.ozULn22d { background: lime; }
.qR0Vnn20 { background: lime; }
.tt66IaNP { background: lime; }
.JOQqQG3P { background: lime; }
.RFVWf69B { background: lime; }
.QnhABYwt { background: lime; }
.qRhRpbmB { background: lime; }
.wkL_QN8C { background: lime; }
.KDSjlnnR { background: lime; }
.LsVcYH6Y { background: lime; }
.CNQowmKT { background: lime; }
.eUsF4mDa { background: lime; }
.ESWnsA_A { background: lime; }
.taQ7D9sF { background: lime; }
.AL7FEeDx { background: lime; }
.GOPxpaxq {
background: hotpink;
}
.chesbSdq {
background: hotpink;
}
.QMeNd406 {
background: hotpink;
}
.jXaakDKS {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "context" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type and returns array names: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type and returns array names: 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, \`.rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo_TEST_1\\": \`bar\`,
\\"foo_TEST_3\\": \`bar\`,
\\"my_btn_info_is_disabled_TEST_1\\": \`value\`,
\\"my_btn_info_is_disabled_TEST_3\\": \`value\`,
\\"btn_info_is_disabled_TEST_1\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btn_info_is_disabled_TEST_3\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btn__info_is_disabled_1_TEST_1\\": \`AooVHuvzAIGXWngdfslc\`,
\\"btn__info_is_disabled_1_TEST_3\\": \`AooVHuvzAIGXWngdfslc\`,
\\"simple_TEST_1\\": \`snmJCrfw3LVnrlx87XVC\`,
\\"simple_TEST_3\\": \`snmJCrfw3LVnrlx87XVC\`,
\\"foo_bar_TEST_1\\": \`vA4oeh0XymefKJVIJyg1\`,
\\"foo_bar_TEST_3\\": \`vA4oeh0XymefKJVIJyg1\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type and returns array names: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
".rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type and returns array names: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" 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\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo_TEST\\": \`bar\`,
\\"my_btn_info_is_disabled_TEST\\": \`value\`,
\\"btn_info_is_disabled_TEST\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btn__info_is_disabled_1_TEST\\": \`AooVHuvzAIGXWngdfslc\`,
\\"simple_TEST\\": \`snmJCrfw3LVnrlx87XVC\`,
\\"foo_bar_TEST\\": \`vA4oeh0XymefKJVIJyg1\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
".rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "exportOnlyLocals" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "exportOnlyLocals" option: module 1`] = `
"// Imports
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./values.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css\\";
import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported-simple.css\\";
import ___CSS_LOADER_ICSS_IMPORT_3___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css\\";
import ___CSS_LOADER_ICSS_IMPORT_4___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css\\";
import ___CSS_LOADER_ICSS_IMPORT_5___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!../issue-861/node_modules/package/style.css\\";
import ___CSS_LOADER_ICSS_IMPORT_6___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css\\";
import ___CSS_LOADER_ICSS_IMPORT_7___ from \\"-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!sass-loader!./scss-file.scss\\";
// Exports
export default {
\\"v-def\\": \`\${___CSS_LOADER_ICSS_IMPORT_0___[\\"v-def\\"]}\`,
\\"v-other\\": \`\${___CSS_LOADER_ICSS_IMPORT_0___[\\"v-other\\"]}\`,
\\"s-white\\": \`\${___CSS_LOADER_ICSS_IMPORT_0___[\\"s-white\\"]}\`,
\\"m-small\\": \`\${___CSS_LOADER_ICSS_IMPORT_0___[\\"m-small\\"]}\`,
\\"v-something\\": \`\${___CSS_LOADER_ICSS_IMPORT_1___[\\"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-comment\\": \` /* comment */\`,
\\"v-function\\": \`rgb(0,0,0)\`,
\\"v-unicode-range\\": \`U+0025-00FF\`,
\\"ghi\\": \`_ghi\`,
\\"my-class\\": \`_my-class\`,
\\"other\\": \`_other\`,
\\"other-other\\": \`_other-other\`,
\\"green\\": \`_green\`,
\\"foo\\": \`_foo\`,
\\"simple\\": \`_simple \${___CSS_LOADER_ICSS_IMPORT_2___[\\"imported-simple\\"]}\`,
\\"relative\\": \`_relative \${___CSS_LOADER_ICSS_IMPORT_3___[\\"imported-relative\\"]}\`,
\\"top-relative\\": \`_top-relative \${___CSS_LOADER_ICSS_IMPORT_4___[\\"imported-relative\\"]}\`,
\\"my-module\\": \`_my-module \${___CSS_LOADER_ICSS_IMPORT_5___[\\"imported-module\\"]}\`,
\\"alias\\": \`_alias \${___CSS_LOADER_ICSS_IMPORT_6___[\\"imported-alias\\"]}\`,
\\"alias-duplicate\\": \`_alias-duplicate \${___CSS_LOADER_ICSS_IMPORT_6___[\\"imported-alias\\"]}\`,
\\"primary-selector\\": \`_primary-selector\`,
\\"black-selector\\": \`_black-selector\`,
\\"header\\": \`_header\`,
\\"foobarbaz\\": \`_foobarbaz\`,
\\"url\\": \`_url\`,
\\"main\\": \`_main \${___CSS_LOADER_ICSS_IMPORT_7___[\\"scssClass\\"]}\`
};
"
`;
exports[`"modules" option should work and respect the "exportOnlyLocals" option: result 1`] = `
Object {
"alias": "_alias _imported-alias",
"alias-duplicate": "_alias-duplicate _imported-alias",
"black-selector": "_black-selector",
"foo": "_foo",
"foobarbaz": "_foobarbaz",
"ghi": "_ghi",
"green": "_green",
"header": "_header",
"m-large": "(min-width: 960px)",
"m-small": "(min-width: 320px)",
"main": "_main _scssClass",
"my-class": "_my-class",
"my-module": "_my-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 _imported-relative",
"url": "_url",
"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[`"modules" option should work and respect the "exportOnlyLocals" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "getLocalIdent" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "getLocalIdent" option: 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, \`.foo {
background: red;
}
.foo {
background: blue;
}
.foo {
background: red;
}
#foo {
background: green;
}
.foo .foo {
color: green;
}
#foo .foo {
color: blue;
}
.foo {
color: red;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.foo {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.foo {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#foo {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#foo {
color: azure;
}
/* matches the element with id=\\"©\\" */
#foo {
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; }
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
\`, \\"\\"]);
// 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\`,
\\"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;
}
.foo {
background: blue;
}
.foo {
background: red;
}
#foo {
background: green;
}
.foo .foo {
color: green;
}
#foo .foo {
color: blue;
}
.foo {
color: red;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.foo {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.foo {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#foo {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#foo {
color: azure;
}
/* matches the element with id=\\"©\\" */
#foo {
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; }
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "getLocalIdent" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashSalt" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashSalt" option: 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--a5c5ad41747f587b6274 {
background: red;
}
._test--df4a97df5d4981c18fd3 {
background: blue;
}
.className--f51a39697d46ec360e5d {
background: red;
}
#someId--a66e8413a3c261c3b5db {
background: green;
}
.className--f51a39697d46ec360e5d .subClass--a2c5762a1671ee02d495 {
color: green;
}
#someId--a66e8413a3c261c3b5db .subClass--a2c5762a1671ee02d495 {
color: blue;
}
.-a0-34a___f--bcceae76b21ea32837d1 {
color: red;
}
.m_x_\\\\\\\\@--bf8f3ed982973d67547f {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\\\\\&W\\\\\\\\?--fdee73d5165bc2acf73d {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--daecad79b824a8ae7e46 {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\\\\\31 a2b3c--d785e50a661529be89f2 {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\\\\\#fake-id--a2d7428449895097291a {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---ccf3274dd45a8534913a {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--adb36177ba3316dd9afb {
color: black;
}
.♥--c663262caaf9ada1c6a0 { background: lime; }
.©--adb36177ba3316dd9afb { background: lime; }
.�--d8e76280f5be316bb39c { background: lime; }
.“‘’�--f87afd60ed2beca8050a { background: lime; }
.☺☃--fe372e2946d00a877026 { background: lime; }
.⌘⌥--fc006a6459cc592e3b7c { background: lime; }
.�♪♩♫♬--fd618d266b80203525ea { background: lime; }
.💩--da6582591f548841513d { background: lime; }
.\\\\\\\\?--b11162427f8dc0109aaf { background: lime; }
.\\\\\\\\@--bb281d67eaa9e09d6112 { background: lime; }
.\\\\\\\\.--b1699afe1173ecd986e4 { background: lime; }
.\\\\\\\\3A \\\\\\\\)--a94f76ff951371f51151 { background: lime; }
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--daecad79b824a8ae7e46 { background: lime; }
.\\\\\\\\31 23--d235ae87e4273d19e7e5 { background: lime; }
.\\\\\\\\31 a2b3c--d785e50a661529be89f2 { background: lime; }
.\\\\\\\\
--cc00b17b428adef51f6c { background: lime; }
.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--a2a770d06d29491cb90e { background: lime; }
.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--cc7846d4433278cb7dc4 { background: lime; }
.\\\\\\\\#--c7a943b3297883fd2089 { background: lime; }
.\\\\\\\\#\\\\\\\\#--ea628e8df88221969552 { background: lime; }
.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--dea710d8c9521902e062 { background: lime; }
.\\\\\\\\_--e9f571bfd47fb40b377c { background: lime; }
.\\\\\\\\{\\\\\\\\}--def5f97b0ff315e9c069 { background: lime; }
.\\\\\\\\#fake\\\\\\\\-id--a2d7428449895097291a { background: lime; }
.foo\\\\\\\\.bar--a4aa4a1a78b94ac062a8 { background: lime; }
.\\\\\\\\3A hover--cc13dcdd34f352f8db26 { background: lime; }
.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--de4f205b1da2542a3508 { background: lime; }
.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--ed6f9744ffabc36e81fd { background: lime; }
.f\\\\\\\\/o\\\\\\\\/o--fef3c40a18a3bdc6aadf { background: lime; }
.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--bed5a37b85151828fd59 { background: lime; }
.f\\\\\\\\*o\\\\\\\\*o--dbb328bab1b211b02df5 { background: lime; }
.f\\\\\\\\!o\\\\\\\\!o--d35399e626d374f6a536 { background: lime; }
.f\\\\\\\\'o\\\\\\\\'o--dffb0a3cb0c3b935c5f4 { background: lime; }
.f\\\\\\\\~o\\\\\\\\~o--f3f5d93f57c13ee77bb5 { background: lime; }
.f\\\\\\\\+o\\\\\\\\+o--d70c625b18c77fdca148 { background: lime; }
.foo\\\\\\\\/bar--bb4ad2f425527544553f {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar--e8ba4f9a74f8b7fa8361 {
background: hotpink;
}
.foo\\\\\\\\/bar\\\\\\\\/baz--b5eb40201778b94976f0 {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--b178648b8128f2bbc548 {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`123--d235ae87e4273d19e7e5\`,
\\"test\\": \`test--a5c5ad41747f587b6274\`,
\\"_test\\": \`_test--df4a97df5d4981c18fd3\`,
\\"className\\": \`className--f51a39697d46ec360e5d\`,
\\"someId\\": \`someId--a66e8413a3c261c3b5db\`,
\\"subClass\\": \`subClass--a2c5762a1671ee02d495\`,
\\"-a0-34a___f\\": \`-a0-34a___f--bcceae76b21ea32837d1\`,
\\"m_x_@\\": \`m_x_@--bf8f3ed982973d67547f\`,
\\"B&W?\\": \`B&W?--fdee73d5165bc2acf73d\`,
\\":\`(\\": \`:\\\\\`(--daecad79b824a8ae7e46\`,
\\"1a2b3c\\": \`1a2b3c--d785e50a661529be89f2\`,
\\"#fake-id\\": \`#fake-id--a2d7428449895097291a\`,
\\"-a-b-c-\\": \`-a-b-c---ccf3274dd45a8534913a\`,
\\"©\\": \`©--adb36177ba3316dd9afb\`,
\\"♥\\": \`♥--c663262caaf9ada1c6a0\`,
\\"�\\": \`�--d8e76280f5be316bb39c\`,
\\"“‘’�\\": \`“‘’�--f87afd60ed2beca8050a\`,
\\"☺☃\\": \`☺☃--fe372e2946d00a877026\`,
\\"⌘⌥\\": \`⌘⌥--fc006a6459cc592e3b7c\`,
\\"�♪♩♫♬\\": \`�♪♩♫♬--fd618d266b80203525ea\`,
\\"💩\\": \`💩--da6582591f548841513d\`,
\\"?\\": \`?--b11162427f8dc0109aaf\`,
\\"@\\": \`@--bb281d67eaa9e09d6112\`,
\\".\\": \`.--b1699afe1173ecd986e4\`,
\\":)\\": \`:)--a94f76ff951371f51151\`,
\\"
\\": \`
--cc00b17b428adef51f6c\`,
\\"<><<<>><>\\": \`<><<<>><>--a2a770d06d29491cb90e\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--cc7846d4433278cb7dc4\`,
\\"#\\": \`#--c7a943b3297883fd2089\`,
\\"##\\": \`##--ea628e8df88221969552\`,
\\"#.#.#\\": \`#.#.#--dea710d8c9521902e062\`,
\\"_\\": \`_--e9f571bfd47fb40b377c\`,
\\"{}\\": \`{}--def5f97b0ff315e9c069\`,
\\"foo.bar\\": \`foo.bar--a4aa4a1a78b94ac062a8\`,
\\":hover\\": \`:hover--cc13dcdd34f352f8db26\`,
\\":hover:focus:active\\": \`:hover:focus:active--de4f205b1da2542a3508\`,
\\"[attr=value]\\": \`[attr=value]--ed6f9744ffabc36e81fd\`,
\\"f/o/o\\": \`f/o/o--fef3c40a18a3bdc6aadf\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`f\\\\\\\\o\\\\\\\\o--bed5a37b85151828fd59\`,
\\"f*o*o\\": \`f*o*o--dbb328bab1b211b02df5\`,
\\"f!o!o\\": \`f!o!o--d35399e626d374f6a536\`,
\\"f'o'o\\": \`f'o'o--dffb0a3cb0c3b935c5f4\`,
\\"f~o~o\\": \`f~o~o--f3f5d93f57c13ee77bb5\`,
\\"f+o+o\\": \`f+o+o--d70c625b18c77fdca148\`,
\\"foo/bar\\": \`foo/bar--bb4ad2f425527544553f\`,
\\"foo\\\\\\\\bar\\": \`foo\\\\\\\\bar--e8ba4f9a74f8b7fa8361\`,
\\"foo/bar/baz\\": \`foo/bar/baz--b5eb40201778b94976f0\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`foo\\\\\\\\bar\\\\\\\\baz--b178648b8128f2bbc548\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "hashSalt" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".test--a5c5ad41747f587b6274 {
background: red;
}
._test--df4a97df5d4981c18fd3 {
background: blue;
}
.className--f51a39697d46ec360e5d {
background: red;
}
#someId--a66e8413a3c261c3b5db {
background: green;
}
.className--f51a39697d46ec360e5d .subClass--a2c5762a1671ee02d495 {
color: green;
}
#someId--a66e8413a3c261c3b5db .subClass--a2c5762a1671ee02d495 {
color: blue;
}
.-a0-34a___f--bcceae76b21ea32837d1 {
color: red;
}
.m_x_\\\\@--bf8f3ed982973d67547f {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\&W\\\\?--fdee73d5165bc2acf73d {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.\\\\3A \\\\\`\\\\(--daecad79b824a8ae7e46 {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\31 a2b3c--d785e50a661529be89f2 {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\#fake-id--a2d7428449895097291a {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---ccf3274dd45a8534913a {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--adb36177ba3316dd9afb {
color: black;
}
.♥--c663262caaf9ada1c6a0 { background: lime; }
.©--adb36177ba3316dd9afb { background: lime; }
.�--d8e76280f5be316bb39c { background: lime; }
.“‘’�--f87afd60ed2beca8050a { background: lime; }
.☺☃--fe372e2946d00a877026 { background: lime; }
.⌘⌥--fc006a6459cc592e3b7c { background: lime; }
.�♪♩♫♬--fd618d266b80203525ea { background: lime; }
.💩--da6582591f548841513d { background: lime; }
.\\\\?--b11162427f8dc0109aaf { background: lime; }
.\\\\@--bb281d67eaa9e09d6112 { background: lime; }
.\\\\.--b1699afe1173ecd986e4 { background: lime; }
.\\\\3A \\\\)--a94f76ff951371f51151 { background: lime; }
.\\\\3A \\\\\`\\\\(--daecad79b824a8ae7e46 { background: lime; }
.\\\\31 23--d235ae87e4273d19e7e5 { background: lime; }
.\\\\31 a2b3c--d785e50a661529be89f2 { background: lime; }
.\\\\
--cc00b17b428adef51f6c { background: lime; }
.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--a2a770d06d29491cb90e { background: lime; }
.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--cc7846d4433278cb7dc4 { background: lime; }
.\\\\#--c7a943b3297883fd2089 { background: lime; }
.\\\\#\\\\#--ea628e8df88221969552 { background: lime; }
.\\\\#\\\\.\\\\#\\\\.\\\\#--dea710d8c9521902e062 { background: lime; }
.\\\\_--e9f571bfd47fb40b377c { background: lime; }
.\\\\{\\\\}--def5f97b0ff315e9c069 { background: lime; }
.\\\\#fake\\\\-id--a2d7428449895097291a { background: lime; }
.foo\\\\.bar--a4aa4a1a78b94ac062a8 { background: lime; }
.\\\\3A hover--cc13dcdd34f352f8db26 { background: lime; }
.\\\\3A hover\\\\3A focus\\\\3A active--de4f205b1da2542a3508 { background: lime; }
.\\\\[attr\\\\=value\\\\]--ed6f9744ffabc36e81fd { background: lime; }
.f\\\\/o\\\\/o--fef3c40a18a3bdc6aadf { background: lime; }
.f\\\\\\\\o\\\\\\\\o--bed5a37b85151828fd59 { background: lime; }
.f\\\\*o\\\\*o--dbb328bab1b211b02df5 { background: lime; }
.f\\\\!o\\\\!o--d35399e626d374f6a536 { background: lime; }
.f\\\\'o\\\\'o--dffb0a3cb0c3b935c5f4 { background: lime; }
.f\\\\~o\\\\~o--f3f5d93f57c13ee77bb5 { background: lime; }
.f\\\\+o\\\\+o--d70c625b18c77fdca148 { background: lime; }
.foo\\\\/bar--bb4ad2f425527544553f {
background: hotpink;
}
.foo\\\\\\\\bar--e8ba4f9a74f8b7fa8361 {
background: hotpink;
}
.foo\\\\/bar\\\\/baz--b5eb40201778b94976f0 {
background: hotpink;
}
.foo\\\\\\\\bar\\\\\\\\baz--b178648b8128f2bbc548 {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "hashSalt" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and [local]: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and [local]: 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__iHMJbI42 {
background: red;
}
._test__iHMJbI42 {
background: blue;
}
.className__iHMJbI42 {
background: red;
}
#someId__iHMJbI42 {
background: green;
}
.className__iHMJbI42 .subClass__iHMJbI42 {
color: green;
}
#someId__iHMJbI42 .subClass__iHMJbI42 {
color: blue;
}
.-a0-34a___f__iHMJbI42 {
color: red;
}
.m_x_\\\\\\\\@__iHMJbI42 {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\\\\\&W\\\\\\\\?__iHMJbI42 {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(__iHMJbI42 {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\\\\\31 a2b3c__iHMJbI42 {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\\\\\#fake-id__iHMJbI42 {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c-__iHMJbI42 {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©__iHMJbI42 {
color: black;
}
.♥__iHMJbI42 { background: lime; }
.©__iHMJbI42 { background: lime; }
.�__iHMJbI42 { background: lime; }
.“‘’�__iHMJbI42 { background: lime; }
.☺☃__iHMJbI42 { background: lime; }
.⌘⌥__iHMJbI42 { background: lime; }
.�♪♩♫♬__iHMJbI42 { background: lime; }
.💩__iHMJbI42 { background: lime; }
.\\\\\\\\?__iHMJbI42 { background: lime; }
.\\\\\\\\@__iHMJbI42 { background: lime; }
.\\\\\\\\.__iHMJbI42 { background: lime; }
.\\\\\\\\3A \\\\\\\\)__iHMJbI42 { background: lime; }
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(__iHMJbI42 { background: lime; }
.\\\\\\\\31 23__iHMJbI42 { background: lime; }
.\\\\\\\\31 a2b3c__iHMJbI42 { background: lime; }
.\\\\\\\\
__iHMJbI42 { background: lime; }
.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>__iHMJbI42 { background: lime; }
.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.__iHMJbI42 { background: lime; }
.\\\\\\\\#__iHMJbI42 { background: lime; }
.\\\\\\\\#\\\\\\\\#__iHMJbI42 { background: lime; }
.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#__iHMJbI42 { background: lime; }
.\\\\\\\\___iHMJbI42 { background: lime; }
.\\\\\\\\{\\\\\\\\}__iHMJbI42 { background: lime; }
.\\\\\\\\#fake\\\\\\\\-id__iHMJbI42 { background: lime; }
.foo\\\\\\\\.bar__iHMJbI42 { background: lime; }
.\\\\\\\\3A hover__iHMJbI42 { background: lime; }
.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active__iHMJbI42 { background: lime; }
.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]__iHMJbI42 { background: lime; }
.f\\\\\\\\/o\\\\\\\\/o__iHMJbI42 { background: lime; }
.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o__iHMJbI42 { background: lime; }
.f\\\\\\\\*o\\\\\\\\*o__iHMJbI42 { background: lime; }
.f\\\\\\\\!o\\\\\\\\!o__iHMJbI42 { background: lime; }
.f\\\\\\\\'o\\\\\\\\'o__iHMJbI42 { background: lime; }
.f\\\\\\\\~o\\\\\\\\~o__iHMJbI42 { background: lime; }
.f\\\\\\\\+o\\\\\\\\+o__iHMJbI42 { background: lime; }
.foo\\\\\\\\/bar__iHMJbI42 {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar__iHMJbI42 {
background: hotpink;
}
.foo\\\\\\\\/bar\\\\\\\\/baz__iHMJbI42 {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz__iHMJbI42 {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`123__iHMJbI42\`,
\\"test\\": \`test__iHMJbI42\`,
\\"_test\\": \`_test__iHMJbI42\`,
\\"className\\": \`className__iHMJbI42\`,
\\"someId\\": \`someId__iHMJbI42\`,
\\"subClass\\": \`subClass__iHMJbI42\`,
\\"-a0-34a___f\\": \`-a0-34a___f__iHMJbI42\`,
\\"m_x_@\\": \`m_x_@__iHMJbI42\`,
\\"B&W?\\": \`B&W?__iHMJbI42\`,
\\":\`(\\": \`:\\\\\`(__iHMJbI42\`,
\\"1a2b3c\\": \`1a2b3c__iHMJbI42\`,
\\"#fake-id\\": \`#fake-id__iHMJbI42\`,
\\"-a-b-c-\\": \`-a-b-c-__iHMJbI42\`,
\\"©\\": \`©__iHMJbI42\`,
\\"♥\\": \`♥__iHMJbI42\`,
\\"�\\": \`�__iHMJbI42\`,
\\"“‘’�\\": \`“‘’�__iHMJbI42\`,
\\"☺☃\\": \`☺☃__iHMJbI42\`,
\\"⌘⌥\\": \`⌘⌥__iHMJbI42\`,
\\"�♪♩♫♬\\": \`�♪♩♫♬__iHMJbI42\`,
\\"💩\\": \`💩__iHMJbI42\`,
\\"?\\": \`?__iHMJbI42\`,
\\"@\\": \`@__iHMJbI42\`,
\\".\\": \`.__iHMJbI42\`,
\\":)\\": \`:)__iHMJbI42\`,
\\"
\\": \`
__iHMJbI42\`,
\\"<><<<>><>\\": \`<><<<>><>__iHMJbI42\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.__iHMJbI42\`,
\\"#\\": \`#__iHMJbI42\`,
\\"##\\": \`##__iHMJbI42\`,
\\"#.#.#\\": \`#.#.#__iHMJbI42\`,
\\"_\\": \`___iHMJbI42\`,
\\"{}\\": \`{}__iHMJbI42\`,
\\"foo.bar\\": \`foo.bar__iHMJbI42\`,
\\":hover\\": \`:hover__iHMJbI42\`,
\\":hover:focus:active\\": \`:hover:focus:active__iHMJbI42\`,
\\"[attr=value]\\": \`[attr=value]__iHMJbI42\`,
\\"f/o/o\\": \`f/o/o__iHMJbI42\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`f\\\\\\\\o\\\\\\\\o__iHMJbI42\`,
\\"f*o*o\\": \`f*o*o__iHMJbI42\`,
\\"f!o!o\\": \`f!o!o__iHMJbI42\`,
\\"f'o'o\\": \`f'o'o__iHMJbI42\`,
\\"f~o~o\\": \`f~o~o__iHMJbI42\`,
\\"f+o+o\\": \`f+o+o__iHMJbI42\`,
\\"foo/bar\\": \`foo/bar__iHMJbI42\`,
\\"foo\\\\\\\\bar\\": \`foo\\\\\\\\bar__iHMJbI42\`,
\\"foo/bar/baz\\": \`foo/bar/baz__iHMJbI42\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`foo\\\\\\\\bar\\\\\\\\baz__iHMJbI42\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and [local]: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".test__iHMJbI42 {
background: red;
}
._test__iHMJbI42 {
background: blue;
}
.className__iHMJbI42 {
background: red;
}
#someId__iHMJbI42 {
background: green;
}
.className__iHMJbI42 .subClass__iHMJbI42 {
color: green;
}
#someId__iHMJbI42 .subClass__iHMJbI42 {
color: blue;
}
.-a0-34a___f__iHMJbI42 {
color: red;
}
.m_x_\\\\@__iHMJbI42 {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\&W\\\\?__iHMJbI42 {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.\\\\3A \\\\\`\\\\(__iHMJbI42 {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\31 a2b3c__iHMJbI42 {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\#fake-id__iHMJbI42 {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c-__iHMJbI42 {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©__iHMJbI42 {
color: black;
}
.♥__iHMJbI42 { background: lime; }
.©__iHMJbI42 { background: lime; }
.�__iHMJbI42 { background: lime; }
.“‘’�__iHMJbI42 { background: lime; }
.☺☃__iHMJbI42 { background: lime; }
.⌘⌥__iHMJbI42 { background: lime; }
.�♪♩♫♬__iHMJbI42 { background: lime; }
.💩__iHMJbI42 { background: lime; }
.\\\\?__iHMJbI42 { background: lime; }
.\\\\@__iHMJbI42 { background: lime; }
.\\\\.__iHMJbI42 { background: lime; }
.\\\\3A \\\\)__iHMJbI42 { background: lime; }
.\\\\3A \\\\\`\\\\(__iHMJbI42 { background: lime; }
.\\\\31 23__iHMJbI42 { background: lime; }
.\\\\31 a2b3c__iHMJbI42 { background: lime; }
.\\\\
__iHMJbI42 { background: lime; }
.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>__iHMJbI42 { background: lime; }
.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.__iHMJbI42 { background: lime; }
.\\\\#__iHMJbI42 { background: lime; }
.\\\\#\\\\#__iHMJbI42 { background: lime; }
.\\\\#\\\\.\\\\#\\\\.\\\\#__iHMJbI42 { background: lime; }
.\\\\___iHMJbI42 { background: lime; }
.\\\\{\\\\}__iHMJbI42 { background: lime; }
.\\\\#fake\\\\-id__iHMJbI42 { background: lime; }
.foo\\\\.bar__iHMJbI42 { background: lime; }
.\\\\3A hover__iHMJbI42 { background: lime; }
.\\\\3A hover\\\\3A focus\\\\3A active__iHMJbI42 { background: lime; }
.\\\\[attr\\\\=value\\\\]__iHMJbI42 { background: lime; }
.f\\\\/o\\\\/o__iHMJbI42 { background: lime; }
.f\\\\\\\\o\\\\\\\\o__iHMJbI42 { background: lime; }
.f\\\\*o\\\\*o__iHMJbI42 { background: lime; }
.f\\\\!o\\\\!o__iHMJbI42 { background: lime; }
.f\\\\'o\\\\'o__iHMJbI42 { background: lime; }
.f\\\\~o\\\\~o__iHMJbI42 { background: lime; }
.f\\\\+o\\\\+o__iHMJbI42 { background: lime; }
.foo\\\\/bar__iHMJbI42 {
background: hotpink;
}
.foo\\\\\\\\bar__iHMJbI42 {
background: hotpink;
}
.foo\\\\/bar\\\\/baz__iHMJbI42 {
background: hotpink;
}
.foo\\\\\\\\bar\\\\\\\\baz__iHMJbI42 {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and [local]: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and no [local]: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and no [local]: 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, \`.KuIShlgs {
background: red;
}
.Lb3fhDAu {
background: blue;
}
.LdhpkZRW {
background: red;
}
#b0rhwJSt {
background: green;
}
.LdhpkZRW .Mw9j4nId {
color: green;
}
#b0rhwJSt .Mw9j4nId {
color: blue;
}
.DdFWMPol {
color: red;
}
.OdAmghrm {
margin-left: auto !important;
margin-right: auto !important;
}
.h4SEF34C {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.fKJQkLar {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.YR1u_buY {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#AqiAGSfn {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#CwXv27VM {
color: azure;
}
/* matches the element with id=\\"©\\" */
#jBj0sZiW {
color: black;
}
.vJl9A9Ds { background: lime; }
.jBj0sZiW { background: lime; }
.CNLr9yJw { background: lime; }
.GM0Y0nFC { background: lime; }
.NKrBw7EA { background: lime; }
.edHWpSne { background: lime; }
.QyMp9YME { background: lime; }
.B82YxwgR { background: lime; }
.ndmpvNNl { background: lime; }
.v3gq0wPo { background: lime; }
.zd5uIZq6 { background: lime; }
.ZiZnRjRT { background: lime; }
.fKJQkLar { background: lime; }
.oqRGsO4U { background: lime; }
.YR1u_buY { background: lime; }
.TdAx2ZSk { background: lime; }
.ozNsTIG0 { background: lime; }
.ByKoYcSr { background: lime; }
.HkwIsjW5 { background: lime; }
.IJc6Xl4Z { background: lime; }
.BnPpnJmP { background: lime; }
.bCwkZEDu { background: lime; }
.IZkBfE9i { background: lime; }
.AqiAGSfn { background: lime; }
.uajo7mHz { background: lime; }
.HVudUNXn { background: lime; }
.ZlaaXvHL { background: lime; }
.PWvC4jVM { background: lime; }
.A5l5sDOD { background: lime; }
.DFfh4Kyq { background: lime; }
.gv1E2n_b { background: lime; }
._aIyR9ET { background: lime; }
.HSXNnSjt { background: lime; }
.MrVzSIcS { background: lime; }
.EvMHRmCu { background: lime; }
.hei2uQgD {
background: hotpink;
}
.IgSzmmsC {
background: hotpink;
}
.p6KJMhNW {
background: hotpink;
}
.HZerWgmU {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`oqRGsO4U\`,
\\"test\\": \`KuIShlgs\`,
\\"_test\\": \`Lb3fhDAu\`,
\\"className\\": \`LdhpkZRW\`,
\\"someId\\": \`b0rhwJSt\`,
\\"subClass\\": \`Mw9j4nId\`,
\\"-a0-34a___f\\": \`DdFWMPol\`,
\\"m_x_@\\": \`OdAmghrm\`,
\\"B&W?\\": \`h4SEF34C\`,
\\":\`(\\": \`fKJQkLar\`,
\\"1a2b3c\\": \`YR1u_buY\`,
\\"#fake-id\\": \`AqiAGSfn\`,
\\"-a-b-c-\\": \`CwXv27VM\`,
\\"©\\": \`jBj0sZiW\`,
\\"♥\\": \`vJl9A9Ds\`,
\\"�\\": \`CNLr9yJw\`,
\\"“‘’�\\": \`GM0Y0nFC\`,
\\"☺☃\\": \`NKrBw7EA\`,
\\"⌘⌥\\": \`edHWpSne\`,
\\"�♪♩♫♬\\": \`QyMp9YME\`,
\\"💩\\": \`B82YxwgR\`,
\\"?\\": \`ndmpvNNl\`,
\\"@\\": \`v3gq0wPo\`,
\\".\\": \`zd5uIZq6\`,
\\":)\\": \`ZiZnRjRT\`,
\\"
\\": \`TdAx2ZSk\`,
\\"<><<<>><>\\": \`ozNsTIG0\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`ByKoYcSr\`,
\\"#\\": \`HkwIsjW5\`,
\\"##\\": \`IJc6Xl4Z\`,
\\"#.#.#\\": \`BnPpnJmP\`,
\\"_\\": \`bCwkZEDu\`,
\\"{}\\": \`IZkBfE9i\`,
\\"foo.bar\\": \`uajo7mHz\`,
\\":hover\\": \`HVudUNXn\`,
\\":hover:focus:active\\": \`ZlaaXvHL\`,
\\"[attr=value]\\": \`PWvC4jVM\`,
\\"f/o/o\\": \`A5l5sDOD\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`DFfh4Kyq\`,
\\"f*o*o\\": \`gv1E2n_b\`,
\\"f!o!o\\": \`_aIyR9ET\`,
\\"f'o'o\\": \`HSXNnSjt\`,
\\"f~o~o\\": \`MrVzSIcS\`,
\\"f+o+o\\": \`EvMHRmCu\`,
\\"foo/bar\\": \`hei2uQgD\`,
\\"foo\\\\\\\\bar\\": \`IgSzmmsC\`,
\\"foo/bar/baz\\": \`p6KJMhNW\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`HZerWgmU\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and no [local]: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".KuIShlgs {
background: red;
}
.Lb3fhDAu {
background: blue;
}
.LdhpkZRW {
background: red;
}
#b0rhwJSt {
background: green;
}
.LdhpkZRW .Mw9j4nId {
color: green;
}
#b0rhwJSt .Mw9j4nId {
color: blue;
}
.DdFWMPol {
color: red;
}
.OdAmghrm {
margin-left: auto !important;
margin-right: auto !important;
}
.h4SEF34C {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.fKJQkLar {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.YR1u_buY {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#AqiAGSfn {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#CwXv27VM {
color: azure;
}
/* matches the element with id=\\"©\\" */
#jBj0sZiW {
color: black;
}
.vJl9A9Ds { background: lime; }
.jBj0sZiW { background: lime; }
.CNLr9yJw { background: lime; }
.GM0Y0nFC { background: lime; }
.NKrBw7EA { background: lime; }
.edHWpSne { background: lime; }
.QyMp9YME { background: lime; }
.B82YxwgR { background: lime; }
.ndmpvNNl { background: lime; }
.v3gq0wPo { background: lime; }
.zd5uIZq6 { background: lime; }
.ZiZnRjRT { background: lime; }
.fKJQkLar { background: lime; }
.oqRGsO4U { background: lime; }
.YR1u_buY { background: lime; }
.TdAx2ZSk { background: lime; }
.ozNsTIG0 { background: lime; }
.ByKoYcSr { background: lime; }
.HkwIsjW5 { background: lime; }
.IJc6Xl4Z { background: lime; }
.BnPpnJmP { background: lime; }
.bCwkZEDu { background: lime; }
.IZkBfE9i { background: lime; }
.AqiAGSfn { background: lime; }
.uajo7mHz { background: lime; }
.HVudUNXn { background: lime; }
.ZlaaXvHL { background: lime; }
.PWvC4jVM { background: lime; }
.A5l5sDOD { background: lime; }
.DFfh4Kyq { background: lime; }
.gv1E2n_b { background: lime; }
._aIyR9ET { background: lime; }
.HSXNnSjt { background: lime; }
.MrVzSIcS { background: lime; }
.EvMHRmCu { background: lime; }
.hei2uQgD {
background: hotpink;
}
.IgSzmmsC {
background: hotpink;
}
.p6KJMhNW {
background: hotpink;
}
.HZerWgmU {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and no [local]: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashStrategy" = "resource-path-and-local-name": errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashStrategy" = "resource-path-and-local-name": 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__KuIShlgs {
background: red;
}
._test__Lb3fhDAu {
background: blue;
}
.className__LdhpkZRW {
background: red;
}
#someId__b0rhwJSt {
background: green;
}
.className__LdhpkZRW .subClass__Mw9j4nId {
color: green;
}
#someId__b0rhwJSt .subClass__Mw9j4nId {
color: blue;
}
.-a0-34a___f__DdFWMPol {
color: red;
}
.m_x_\\\\\\\\@__OdAmghrm {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\\\\\&W\\\\\\\\?__h4SEF34C {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(__fKJQkLar {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\\\\\31 a2b3c__YR1u_buY {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\\\\\#fake-id__AqiAGSfn {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c-__CwXv27VM {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©__jBj0sZiW {
color: black;
}
.♥__vJl9A9Ds { background: lime; }
.©__jBj0sZiW { background: lime; }
.�__CNLr9yJw { background: lime; }
.“‘’�__GM0Y0nFC { background: lime; }
.☺☃__NKrBw7EA { background: lime; }
.⌘⌥__edHWpSne { background: lime; }
.�♪♩♫♬__QyMp9YME { background: lime; }
.💩__B82YxwgR { background: lime; }
.\\\\\\\\?__ndmpvNNl { background: lime; }
.\\\\\\\\@__v3gq0wPo { background: lime; }
.\\\\\\\\.__zd5uIZq6 { background: lime; }
.\\\\\\\\3A \\\\\\\\)__ZiZnRjRT { background: lime; }
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(__fKJQkLar { background: lime; }
.\\\\\\\\31 23__oqRGsO4U { background: lime; }
.\\\\\\\\31 a2b3c__YR1u_buY { background: lime; }
.\\\\\\\\
__TdAx2ZSk { background: lime; }
.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>__ozNsTIG0 { background: lime; }
.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.__ByKoYcSr { background: lime; }
.\\\\\\\\#__HkwIsjW5 { background: lime; }
.\\\\\\\\#\\\\\\\\#__IJc6Xl4Z { background: lime; }
.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#__BnPpnJmP { background: lime; }
.\\\\\\\\___bCwkZEDu { background: lime; }
.\\\\\\\\{\\\\\\\\}__IZkBfE9i { background: lime; }
.\\\\\\\\#fake\\\\\\\\-id__AqiAGSfn { background: lime; }
.foo\\\\\\\\.bar__uajo7mHz { background: lime; }
.\\\\\\\\3A hover__HVudUNXn { background: lime; }
.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active__ZlaaXvHL { background: lime; }
.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]__PWvC4jVM { background: lime; }
.f\\\\\\\\/o\\\\\\\\/o__A5l5sDOD { background: lime; }
.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o__DFfh4Kyq { background: lime; }
.f\\\\\\\\*o\\\\\\\\*o__gv1E2n_b { background: lime; }
.f\\\\\\\\!o\\\\\\\\!o___aIyR9ET { background: lime; }
.f\\\\\\\\'o\\\\\\\\'o__HSXNnSjt { background: lime; }
.f\\\\\\\\~o\\\\\\\\~o__MrVzSIcS { background: lime; }
.f\\\\\\\\+o\\\\\\\\+o__EvMHRmCu { background: lime; }
.foo\\\\\\\\/bar__hei2uQgD {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar__IgSzmmsC {
background: hotpink;
}
.foo\\\\\\\\/bar\\\\\\\\/baz__p6KJMhNW {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz__HZerWgmU {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`123__oqRGsO4U\`,
\\"test\\": \`test__KuIShlgs\`,
\\"_test\\": \`_test__Lb3fhDAu\`,
\\"className\\": \`className__LdhpkZRW\`,
\\"someId\\": \`someId__b0rhwJSt\`,
\\"subClass\\": \`subClass__Mw9j4nId\`,
\\"-a0-34a___f\\": \`-a0-34a___f__DdFWMPol\`,
\\"m_x_@\\": \`m_x_@__OdAmghrm\`,
\\"B&W?\\": \`B&W?__h4SEF34C\`,
\\":\`(\\": \`:\\\\\`(__fKJQkLar\`,
\\"1a2b3c\\": \`1a2b3c__YR1u_buY\`,
\\"#fake-id\\": \`#fake-id__AqiAGSfn\`,
\\"-a-b-c-\\": \`-a-b-c-__CwXv27VM\`,
\\"©\\": \`©__jBj0sZiW\`,
\\"♥\\": \`♥__vJl9A9Ds\`,
\\"�\\": \`�__CNLr9yJw\`,
\\"“‘’�\\": \`“‘’�__GM0Y0nFC\`,
\\"☺☃\\": \`☺☃__NKrBw7EA\`,
\\"⌘⌥\\": \`⌘⌥__edHWpSne\`,
\\"�♪♩♫♬\\": \`�♪♩♫♬__QyMp9YME\`,
\\"💩\\": \`💩__B82YxwgR\`,
\\"?\\": \`?__ndmpvNNl\`,
\\"@\\": \`@__v3gq0wPo\`,
\\".\\": \`.__zd5uIZq6\`,
\\":)\\": \`:)__ZiZnRjRT\`,
\\"
\\": \`
__TdAx2ZSk\`,
\\"<><<<>><>\\": \`<><<<>><>__ozNsTIG0\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.__ByKoYcSr\`,
\\"#\\": \`#__HkwIsjW5\`,
\\"##\\": \`##__IJc6Xl4Z\`,
\\"#.#.#\\": \`#.#.#__BnPpnJmP\`,
\\"_\\": \`___bCwkZEDu\`,
\\"{}\\": \`{}__IZkBfE9i\`,
\\"foo.bar\\": \`foo.bar__uajo7mHz\`,
\\":hover\\": \`:hover__HVudUNXn\`,
\\":hover:focus:active\\": \`:hover:focus:active__ZlaaXvHL\`,
\\"[attr=value]\\": \`[attr=value]__PWvC4jVM\`,
\\"f/o/o\\": \`f/o/o__A5l5sDOD\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`f\\\\\\\\o\\\\\\\\o__DFfh4Kyq\`,
\\"f*o*o\\": \`f*o*o__gv1E2n_b\`,
\\"f!o!o\\": \`f!o!o___aIyR9ET\`,
\\"f'o'o\\": \`f'o'o__HSXNnSjt\`,
\\"f~o~o\\": \`f~o~o__MrVzSIcS\`,
\\"f+o+o\\": \`f+o+o__EvMHRmCu\`,
\\"foo/bar\\": \`foo/bar__hei2uQgD\`,
\\"foo\\\\\\\\bar\\": \`foo\\\\\\\\bar__IgSzmmsC\`,
\\"foo/bar/baz\\": \`foo/bar/baz__p6KJMhNW\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`foo\\\\\\\\bar\\\\\\\\baz__HZerWgmU\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "hashStrategy" = "resource-path-and-local-name": result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".test__KuIShlgs {
background: red;
}
._test__Lb3fhDAu {
background: blue;
}
.className__LdhpkZRW {
background: red;
}
#someId__b0rhwJSt {
background: green;
}
.className__LdhpkZRW .subClass__Mw9j4nId {
color: green;
}
#someId__b0rhwJSt .subClass__Mw9j4nId {
color: blue;
}
.-a0-34a___f__DdFWMPol {
color: red;
}
.m_x_\\\\@__OdAmghrm {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\&W\\\\?__h4SEF34C {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.\\\\3A \\\\\`\\\\(__fKJQkLar {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\31 a2b3c__YR1u_buY {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\#fake-id__AqiAGSfn {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c-__CwXv27VM {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©__jBj0sZiW {
color: black;
}
.♥__vJl9A9Ds { background: lime; }
.©__jBj0sZiW { background: lime; }
.�__CNLr9yJw { background: lime; }
.“‘’�__GM0Y0nFC { background: lime; }
.☺☃__NKrBw7EA { background: lime; }
.⌘⌥__edHWpSne { background: lime; }
.�♪♩♫♬__QyMp9YME { background: lime; }
.💩__B82YxwgR { background: lime; }
.\\\\?__ndmpvNNl { background: lime; }
.\\\\@__v3gq0wPo { background: lime; }
.\\\\.__zd5uIZq6 { background: lime; }
.\\\\3A \\\\)__ZiZnRjRT { background: lime; }
.\\\\3A \\\\\`\\\\(__fKJQkLar { background: lime; }
.\\\\31 23__oqRGsO4U { background: lime; }
.\\\\31 a2b3c__YR1u_buY { background: lime; }
.\\\\
__TdAx2ZSk { background: lime; }
.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>__ozNsTIG0 { background: lime; }
.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.__ByKoYcSr { background: lime; }
.\\\\#__HkwIsjW5 { background: lime; }
.\\\\#\\\\#__IJc6Xl4Z { background: lime; }
.\\\\#\\\\.\\\\#\\\\.\\\\#__BnPpnJmP { background: lime; }
.\\\\___bCwkZEDu { background: lime; }
.\\\\{\\\\}__IZkBfE9i { background: lime; }
.\\\\#fake\\\\-id__AqiAGSfn { background: lime; }
.foo\\\\.bar__uajo7mHz { background: lime; }
.\\\\3A hover__HVudUNXn { background: lime; }
.\\\\3A hover\\\\3A focus\\\\3A active__ZlaaXvHL { background: lime; }
.\\\\[attr\\\\=value\\\\]__PWvC4jVM { background: lime; }
.f\\\\/o\\\\/o__A5l5sDOD { background: lime; }
.f\\\\\\\\o\\\\\\\\o__DFfh4Kyq { background: lime; }
.f\\\\*o\\\\*o__gv1E2n_b { background: lime; }
.f\\\\!o\\\\!o___aIyR9ET { background: lime; }
.f\\\\'o\\\\'o__HSXNnSjt { background: lime; }
.f\\\\~o\\\\~o__MrVzSIcS { background: lime; }
.f\\\\+o\\\\+o__EvMHRmCu { background: lime; }
.foo\\\\/bar__hei2uQgD {
background: hotpink;
}
.foo\\\\\\\\bar__IgSzmmsC {
background: hotpink;
}
.foo\\\\/bar\\\\/baz__p6KJMhNW {
background: hotpink;
}
.foo\\\\\\\\bar\\\\\\\\baz__HZerWgmU {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "hashStrategy" = "resource-path-and-local-name": 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_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, \`.rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`bar\`,
\\"my-btn-info_is-disabled\\": \`value\`,
\\"btn-info_is-disabled\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btn--info_is-disabled_1\\": \`AooVHuvzAIGXWngdfslc\`,
\\"simple\\": \`snmJCrfw3LVnrlx87XVC\`,
\\"foo_bar\\": \`vA4oeh0XymefKJVIJyg1\`
};
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",
".rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" 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\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`bar\`,
\\"my-btn-info_is-disabled\\": \`value\`,
\\"myBtnInfoIsDisabled\\": \`value\`,
\\"btn-info_is-disabled\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btnInfoIsDisabled\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btn--info_is-disabled_1\\": \`AooVHuvzAIGXWngdfslc\`,
\\"btnInfoIsDisabled1\\": \`AooVHuvzAIGXWngdfslc\`,
\\"simple\\": \`snmJCrfw3LVnrlx87XVC\`,
\\"foo_bar\\": \`vA4oeh0XymefKJVIJyg1\`,
\\"fooBar\\": \`vA4oeh0XymefKJVIJyg1\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
".rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
",
"",
],
]
`;
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 work and respect the "localConvention" option with the "camelCaseOnly" 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\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`bar\`,
\\"myBtnInfoIsDisabled\\": \`value\`,
\\"btnInfoIsDisabled\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btnInfoIsDisabled1\\": \`AooVHuvzAIGXWngdfslc\`,
\\"simple\\": \`snmJCrfw3LVnrlx87XVC\`,
\\"fooBar\\": \`vA4oeh0XymefKJVIJyg1\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
".rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashes" 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\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`bar\`,
\\"my-btn-info_is-disabled\\": \`value\`,
\\"myBtnInfo_isDisabled\\": \`value\`,
\\"btn-info_is-disabled\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btnInfo_isDisabled\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btn--info_is-disabled_1\\": \`AooVHuvzAIGXWngdfslc\`,
\\"btnInfo_isDisabled_1\\": \`AooVHuvzAIGXWngdfslc\`,
\\"simple\\": \`snmJCrfw3LVnrlx87XVC\`,
\\"foo_bar\\": \`vA4oeh0XymefKJVIJyg1\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
".rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
",
"",
],
]
`;
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_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, \`.rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`bar\`,
\\"myBtnInfo_isDisabled\\": \`value\`,
\\"btnInfo_isDisabled\\": \`rmc8ltu8P1VXaeqLNU6N\`,
\\"btnInfo_isDisabled_1\\": \`AooVHuvzAIGXWngdfslc\`,
\\"simple\\": \`snmJCrfw3LVnrlx87XVC\`,
\\"foo_bar\\": \`vA4oeh0XymefKJVIJyg1\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
".rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
.AooVHuvzAIGXWngdfslc {
color: blue;
}
.snmJCrfw3LVnrlx87XVC {
color: red;
}
a {
color: yellow;
}
.vA4oeh0XymefKJVIJyg1 {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentHashFunction" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentHashFunction" option: errors 2`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentHashFunction" option: 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--ddd414ab5d5137709283 {
background: red;
}
._test--e91d3d0c5fd37cd4b01b {
background: blue;
}
.className--e02e6f829b2bee39d627 {
background: red;
}
#someId--de52fa8c46db92b11447 {
background: green;
}
.className--e02e6f829b2bee39d627 .subClass--be91981b36e10e364e4c {
color: green;
}
#someId--de52fa8c46db92b11447 .subClass--be91981b36e10e364e4c {
color: blue;
}
.-a0-34a___f--da00a255d4f26816d790 {
color: red;
}
.m_x_\\\\\\\\@--bfd2a88024baab94215a {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\\\\\&W\\\\\\\\?--bdeaa204fa06e193156e {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--ca761b17eca1ae06d42e {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\\\\\31 a2b3c--a35141d9affd245508ec {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\\\\\#fake-id--ad040e49adcf9ebf2b28 {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---e778be7522ccfc908a7f {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--e0f3ca20d394f3e4c0c4 {
color: black;
}
.♥--a33350b333a80f1b1a5b { background: lime; }
.©--e0f3ca20d394f3e4c0c4 { background: lime; }
.�--c0436529b39516386e8e { background: lime; }
.“‘’�--e70e1ad7759d3f300df8 { background: lime; }
.☺☃--a0cb57576a5c7938d368 { background: lime; }
.⌘⌥--e217e979d1184a514863 { background: lime; }
.�♪♩♫♬--a84ff99d334be3b94b99 { background: lime; }
.💩--d850ae0fa2bc4c199f78 { background: lime; }
.\\\\\\\\?--ce25d6e6d5d3f7f1caf8 { background: lime; }
.\\\\\\\\@--af4ac041e6ccf6398ff5 { background: lime; }
.\\\\\\\\.--e94958877c738509339f { background: lime; }
.\\\\\\\\3A \\\\\\\\)--c80360aed4da410414fc { background: lime; }
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--ca761b17eca1ae06d42e { background: lime; }
.\\\\\\\\31 23--c945113ffceee32ec307 { background: lime; }
.\\\\\\\\31 a2b3c--a35141d9affd245508ec { background: lime; }
.\\\\\\\\
--b01c44339fab06966cef { background: lime; }
.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--e4fde695b6d3728c37e2 { background: lime; }
.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--dd1263b9248633b49ab6 { background: lime; }
.\\\\\\\\#--e135fb99b5f04b604132 { background: lime; }
.\\\\\\\\#\\\\\\\\#--ba6fb20eb138e8d73dc4 { background: lime; }
.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--a6704dcf2abf08ff56bd { background: lime; }
.\\\\\\\\_--aa2521adbafa6a1b57d0 { background: lime; }
.\\\\\\\\{\\\\\\\\}--c716be70a0fac8bbc9e8 { background: lime; }
.\\\\\\\\#fake\\\\\\\\-id--ad040e49adcf9ebf2b28 { background: lime; }
.foo\\\\\\\\.bar--ce58180c03c903fcc73c { background: lime; }
.\\\\\\\\3A hover--defde77234f3cb7141b1 { background: lime; }
.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--cf83606abd36c7adf7e7 { background: lime; }
.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--c9620f5e0b4a2472cd5a { background: lime; }
.f\\\\\\\\/o\\\\\\\\/o--d439f5313663238836bb { background: lime; }
.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--f64285b41af14c5e74b5 { background: lime; }
.f\\\\\\\\*o\\\\\\\\*o--e844a318c45519219501 { background: lime; }
.f\\\\\\\\!o\\\\\\\\!o--ae46ad5331777ab05875 { background: lime; }
.f\\\\\\\\'o\\\\\\\\'o--a23d7b9b14b04706b089 { background: lime; }
.f\\\\\\\\~o\\\\\\\\~o--cc96b7a27dbd52fba7a5 { background: lime; }
.f\\\\\\\\+o\\\\\\\\+o--debcf9986b3f64af6af9 { background: lime; }
.foo\\\\\\\\/bar--d76ec2006d8359a0df78 {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar--c17737aec664275b67b0 {
background: hotpink;
}
.foo\\\\\\\\/bar\\\\\\\\/baz--c948ac137924110011f2 {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--ee89c9e938e6eb8df43d {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`123--c945113ffceee32ec307\`,
\\"test\\": \`test--ddd414ab5d5137709283\`,
\\"_test\\": \`_test--e91d3d0c5fd37cd4b01b\`,
\\"className\\": \`className--e02e6f829b2bee39d627\`,
\\"someId\\": \`someId--de52fa8c46db92b11447\`,
\\"subClass\\": \`subClass--be91981b36e10e364e4c\`,
\\"-a0-34a___f\\": \`-a0-34a___f--da00a255d4f26816d790\`,
\\"m_x_@\\": \`m_x_@--bfd2a88024baab94215a\`,
\\"B&W?\\": \`B&W?--bdeaa204fa06e193156e\`,
\\":\`(\\": \`:\\\\\`(--ca761b17eca1ae06d42e\`,
\\"1a2b3c\\": \`1a2b3c--a35141d9affd245508ec\`,
\\"#fake-id\\": \`#fake-id--ad040e49adcf9ebf2b28\`,
\\"-a-b-c-\\": \`-a-b-c---e778be7522ccfc908a7f\`,
\\"©\\": \`©--e0f3ca20d394f3e4c0c4\`,
\\"♥\\": \`♥--a33350b333a80f1b1a5b\`,
\\"�\\": \`�--c0436529b39516386e8e\`,
\\"“‘’�\\": \`“‘’�--e70e1ad7759d3f300df8\`,
\\"☺☃\\": \`☺☃--a0cb57576a5c7938d368\`,
\\"⌘⌥\\": \`⌘⌥--e217e979d1184a514863\`,
\\"�♪♩♫♬\\": \`�♪♩♫♬--a84ff99d334be3b94b99\`,
\\"💩\\": \`💩--d850ae0fa2bc4c199f78\`,
\\"?\\": \`?--ce25d6e6d5d3f7f1caf8\`,
\\"@\\": \`@--af4ac041e6ccf6398ff5\`,
\\".\\": \`.--e94958877c738509339f\`,
\\":)\\": \`:)--c80360aed4da410414fc\`,
\\"
\\": \`
--b01c44339fab06966cef\`,
\\"<><<<>><>\\": \`<><<<>><>--e4fde695b6d3728c37e2\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--dd1263b9248633b49ab6\`,
\\"#\\": \`#--e135fb99b5f04b604132\`,
\\"##\\": \`##--ba6fb20eb138e8d73dc4\`,
\\"#.#.#\\": \`#.#.#--a6704dcf2abf08ff56bd\`,
\\"_\\": \`_--aa2521adbafa6a1b57d0\`,
\\"{}\\": \`{}--c716be70a0fac8bbc9e8\`,
\\"foo.bar\\": \`foo.bar--ce58180c03c903fcc73c\`,
\\":hover\\": \`:hover--defde77234f3cb7141b1\`,
\\":hover:focus:active\\": \`:hover:focus:active--cf83606abd36c7adf7e7\`,
\\"[attr=value]\\": \`[attr=value]--c9620f5e0b4a2472cd5a\`,
\\"f/o/o\\": \`f/o/o--d439f5313663238836bb\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`f\\\\\\\\o\\\\\\\\o--f64285b41af14c5e74b5\`,
\\"f*o*o\\": \`f*o*o--e844a318c45519219501\`,
\\"f!o!o\\": \`f!o!o--ae46ad5331777ab05875\`,
\\"f'o'o\\": \`f'o'o--a23d7b9b14b04706b089\`,
\\"f~o~o\\": \`f~o~o--cc96b7a27dbd52fba7a5\`,
\\"f+o+o\\": \`f+o+o--debcf9986b3f64af6af9\`,
\\"foo/bar\\": \`foo/bar--d76ec2006d8359a0df78\`,
\\"foo\\\\\\\\bar\\": \`foo\\\\\\\\bar--c17737aec664275b67b0\`,
\\"foo/bar/baz\\": \`foo/bar/baz--c948ac137924110011f2\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`foo\\\\\\\\bar\\\\\\\\baz--ee89c9e938e6eb8df43d\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localIdentHashFunction" option: 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, \`.test--KuIShlgsYf {
background: red;
}
._test--Lb3fhDAuJv {
background: blue;
}
.className--LdhpkZRWyK {
background: red;
}
#someId--b0rhwJStMR {
background: green;
}
.className--LdhpkZRWyK .subClass--Mw9j4nIdjx {
color: green;
}
#someId--b0rhwJStMR .subClass--Mw9j4nIdjx {
color: blue;
}
.-a0-34a___f--DdFWMPoluI {
color: red;
}
.m_x_\\\\\\\\@--OdAmghrme3 {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\\\\\&W\\\\\\\\?--h4SEF34CLw {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--fKJQkLarfQ {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\\\\\31 a2b3c--YR1u_buYf6 {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\\\\\#fake-id--AqiAGSfnwa {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---CwXv27VMwy {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--jBj0sZiWBy {
color: black;
}
.♥--vJl9A9Ds21 { background: lime; }
.©--jBj0sZiWBy { background: lime; }
.�--CNLr9yJwqs { background: lime; }
.“‘’�--GM0Y0nFCPt { background: lime; }
.☺☃--NKrBw7EAqP { background: lime; }
.⌘⌥--edHWpSne18 { background: lime; }
.�♪♩♫♬--QyMp9YMEoY { background: lime; }
.💩--B82YxwgREH { background: lime; }
.\\\\\\\\?--ndmpvNNltJ { background: lime; }
.\\\\\\\\@--v3gq0wPogd { background: lime; }
.\\\\\\\\.--zd5uIZq6Kr { background: lime; }
.\\\\\\\\3A \\\\\\\\)--ZiZnRjRT03 { background: lime; }
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--fKJQkLarfQ { background: lime; }
.\\\\\\\\31 23--oqRGsO4UR7 { background: lime; }
.\\\\\\\\31 a2b3c--YR1u_buYf6 { background: lime; }
.\\\\\\\\
--TdAx2ZSkw7 { background: lime; }
.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--ozNsTIG0LL { background: lime; }
.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--ByKoYcSrMT { background: lime; }
.\\\\\\\\#--HkwIsjW5i7 { background: lime; }
.\\\\\\\\#\\\\\\\\#--IJc6Xl4ZKV { background: lime; }
.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--BnPpnJmPeN { background: lime; }
.\\\\\\\\_--bCwkZEDuxD { background: lime; }
.\\\\\\\\{\\\\\\\\}--IZkBfE9iUP { background: lime; }
.\\\\\\\\#fake\\\\\\\\-id--AqiAGSfnwa { background: lime; }
.foo\\\\\\\\.bar--uajo7mHzD_ { background: lime; }
.\\\\\\\\3A hover--HVudUNXnLN { background: lime; }
.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--ZlaaXvHLUs { background: lime; }
.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--PWvC4jVM5S { background: lime; }
.f\\\\\\\\/o\\\\\\\\/o--A5l5sDODF4 { background: lime; }
.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--DFfh4KyqOO { background: lime; }
.f\\\\\\\\*o\\\\\\\\*o--gv1E2n_bVv { background: lime; }
.f\\\\\\\\!o\\\\\\\\!o--_aIyR9ETAs { background: lime; }
.f\\\\\\\\'o\\\\\\\\'o--HSXNnSjt1Q { background: lime; }
.f\\\\\\\\~o\\\\\\\\~o--MrVzSIcSXy { background: lime; }
.f\\\\\\\\+o\\\\\\\\+o--EvMHRmCudy { background: lime; }
.foo\\\\\\\\/bar--hei2uQgDeX {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar--IgSzmmsCqi {
background: hotpink;
}
.foo\\\\\\\\/bar\\\\\\\\/baz--p6KJMhNWwm {
background: hotpink;
}
.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--HZerWgmU0f {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`123--oqRGsO4UR7\`,
\\"test\\": \`test--KuIShlgsYf\`,
\\"_test\\": \`_test--Lb3fhDAuJv\`,
\\"className\\": \`className--LdhpkZRWyK\`,
\\"someId\\": \`someId--b0rhwJStMR\`,
\\"subClass\\": \`subClass--Mw9j4nIdjx\`,
\\"-a0-34a___f\\": \`-a0-34a___f--DdFWMPoluI\`,
\\"m_x_@\\": \`m_x_@--OdAmghrme3\`,
\\"B&W?\\": \`B&W?--h4SEF34CLw\`,
\\":\`(\\": \`:\\\\\`(--fKJQkLarfQ\`,
\\"1a2b3c\\": \`1a2b3c--YR1u_buYf6\`,
\\"#fake-id\\": \`#fake-id--AqiAGSfnwa\`,
\\"-a-b-c-\\": \`-a-b-c---CwXv27VMwy\`,
\\"©\\": \`©--jBj0sZiWBy\`,
\\"♥\\": \`♥--vJl9A9Ds21\`,
\\"�\\": \`�--CNLr9yJwqs\`,
\\"“‘’�\\": \`“‘’�--GM0Y0nFCPt\`,
\\"☺☃\\": \`☺☃--NKrBw7EAqP\`,
\\"⌘⌥\\": \`⌘⌥--edHWpSne18\`,
\\"�♪♩♫♬\\": \`�♪♩♫♬--QyMp9YMEoY\`,
\\"💩\\": \`💩--B82YxwgREH\`,
\\"?\\": \`?--ndmpvNNltJ\`,
\\"@\\": \`@--v3gq0wPogd\`,
\\".\\": \`.--zd5uIZq6Kr\`,
\\":)\\": \`:)--ZiZnRjRT03\`,
\\"
\\": \`
--TdAx2ZSkw7\`,
\\"<><<<>><>\\": \`<><<<>><>--ozNsTIG0LL\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--ByKoYcSrMT\`,
\\"#\\": \`#--HkwIsjW5i7\`,
\\"##\\": \`##--IJc6Xl4ZKV\`,
\\"#.#.#\\": \`#.#.#--BnPpnJmPeN\`,
\\"_\\": \`_--bCwkZEDuxD\`,
\\"{}\\": \`{}--IZkBfE9iUP\`,
\\"foo.bar\\": \`foo.bar--uajo7mHzD_\`,
\\":hover\\": \`:hover--HVudUNXnLN\`,
\\":hover:focus:active\\": \`:hover:focus:active--ZlaaXvHLUs\`,
\\"[attr=value]\\": \`[attr=value]--PWvC4jVM5S\`,
\\"f/o/o\\": \`f/o/o--A5l5sDODF4\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`f\\\\\\\\o\\\\\\\\o--DFfh4KyqOO\`,
\\"f*o*o\\": \`f*o*o--gv1E2n_bVv\`,
\\"f!o!o\\": \`f!o!o--_aIyR9ETAs\`,
\\"f'o'o\\": \`f'o'o--HSXNnSjt1Q\`,
\\"f~o~o\\": \`f~o~o--MrVzSIcSXy\`,
\\"f+o+o\\": \`f+o+o--EvMHRmCudy\`,
\\"foo/bar\\": \`foo/bar--hei2uQgDeX\`,
\\"foo\\\\\\\\bar\\": \`foo\\\\\\\\bar--IgSzmmsCqi\`,
\\"foo/bar/baz\\": \`foo/bar/baz--p6KJMhNWwm\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`foo\\\\\\\\bar\\\\\\\\baz--HZerWgmU0f\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localIdentHashFunction" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".test--ddd414ab5d5137709283 {
background: red;
}
._test--e91d3d0c5fd37cd4b01b {
background: blue;
}
.className--e02e6f829b2bee39d627 {
background: red;
}
#someId--de52fa8c46db92b11447 {
background: green;
}
.className--e02e6f829b2bee39d627 .subClass--be91981b36e10e364e4c {
color: green;
}
#someId--de52fa8c46db92b11447 .subClass--be91981b36e10e364e4c {
color: blue;
}
.-a0-34a___f--da00a255d4f26816d790 {
color: red;
}
.m_x_\\\\@--bfd2a88024baab94215a {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\&W\\\\?--bdeaa204fa06e193156e {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.\\\\3A \\\\\`\\\\(--ca761b17eca1ae06d42e {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\31 a2b3c--a35141d9affd245508ec {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\#fake-id--ad040e49adcf9ebf2b28 {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---e778be7522ccfc908a7f {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--e0f3ca20d394f3e4c0c4 {
color: black;
}
.♥--a33350b333a80f1b1a5b { background: lime; }
.©--e0f3ca20d394f3e4c0c4 { background: lime; }
.�--c0436529b39516386e8e { background: lime; }
.“‘’�--e70e1ad7759d3f300df8 { background: lime; }
.☺☃--a0cb57576a5c7938d368 { background: lime; }
.⌘⌥--e217e979d1184a514863 { background: lime; }
.�♪♩♫♬--a84ff99d334be3b94b99 { background: lime; }
.💩--d850ae0fa2bc4c199f78 { background: lime; }
.\\\\?--ce25d6e6d5d3f7f1caf8 { background: lime; }
.\\\\@--af4ac041e6ccf6398ff5 { background: lime; }
.\\\\.--e94958877c738509339f { background: lime; }
.\\\\3A \\\\)--c80360aed4da410414fc { background: lime; }
.\\\\3A \\\\\`\\\\(--ca761b17eca1ae06d42e { background: lime; }
.\\\\31 23--c945113ffceee32ec307 { background: lime; }
.\\\\31 a2b3c--a35141d9affd245508ec { background: lime; }
.\\\\
--b01c44339fab06966cef { background: lime; }
.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--e4fde695b6d3728c37e2 { background: lime; }
.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--dd1263b9248633b49ab6 { background: lime; }
.\\\\#--e135fb99b5f04b604132 { background: lime; }
.\\\\#\\\\#--ba6fb20eb138e8d73dc4 { background: lime; }
.\\\\#\\\\.\\\\#\\\\.\\\\#--a6704dcf2abf08ff56bd { background: lime; }
.\\\\_--aa2521adbafa6a1b57d0 { background: lime; }
.\\\\{\\\\}--c716be70a0fac8bbc9e8 { background: lime; }
.\\\\#fake\\\\-id--ad040e49adcf9ebf2b28 { background: lime; }
.foo\\\\.bar--ce58180c03c903fcc73c { background: lime; }
.\\\\3A hover--defde77234f3cb7141b1 { background: lime; }
.\\\\3A hover\\\\3A focus\\\\3A active--cf83606abd36c7adf7e7 { background: lime; }
.\\\\[attr\\\\=value\\\\]--c9620f5e0b4a2472cd5a { background: lime; }
.f\\\\/o\\\\/o--d439f5313663238836bb { background: lime; }
.f\\\\\\\\o\\\\\\\\o--f64285b41af14c5e74b5 { background: lime; }
.f\\\\*o\\\\*o--e844a318c45519219501 { background: lime; }
.f\\\\!o\\\\!o--ae46ad5331777ab05875 { background: lime; }
.f\\\\'o\\\\'o--a23d7b9b14b04706b089 { background: lime; }
.f\\\\~o\\\\~o--cc96b7a27dbd52fba7a5 { background: lime; }
.f\\\\+o\\\\+o--debcf9986b3f64af6af9 { background: lime; }
.foo\\\\/bar--d76ec2006d8359a0df78 {
background: hotpink;
}
.foo\\\\\\\\bar--c17737aec664275b67b0 {
background: hotpink;
}
.foo\\\\/bar\\\\/baz--c948ac137924110011f2 {
background: hotpink;
}
.foo\\\\\\\\bar\\\\\\\\baz--ee89c9e938e6eb8df43d {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localIdentHashFunction" option: result 2`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".test--KuIShlgsYf {
background: red;
}
._test--Lb3fhDAuJv {
background: blue;
}
.className--LdhpkZRWyK {
background: red;
}
#someId--b0rhwJStMR {
background: green;
}
.className--LdhpkZRWyK .subClass--Mw9j4nIdjx {
color: green;
}
#someId--b0rhwJStMR .subClass--Mw9j4nIdjx {
color: blue;
}
.-a0-34a___f--DdFWMPoluI {
color: red;
}
.m_x_\\\\@--OdAmghrme3 {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\&W\\\\?--h4SEF34CLw {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.\\\\3A \\\\\`\\\\(--fKJQkLarfQ {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\31 a2b3c--YR1u_buYf6 {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\#fake-id--AqiAGSfnwa {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---CwXv27VMwy {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--jBj0sZiWBy {
color: black;
}
.♥--vJl9A9Ds21 { background: lime; }
.©--jBj0sZiWBy { background: lime; }
.�--CNLr9yJwqs { background: lime; }
.“‘’�--GM0Y0nFCPt { background: lime; }
.☺☃--NKrBw7EAqP { background: lime; }
.⌘⌥--edHWpSne18 { background: lime; }
.�♪♩♫♬--QyMp9YMEoY { background: lime; }
.💩--B82YxwgREH { background: lime; }
.\\\\?--ndmpvNNltJ { background: lime; }
.\\\\@--v3gq0wPogd { background: lime; }
.\\\\.--zd5uIZq6Kr { background: lime; }
.\\\\3A \\\\)--ZiZnRjRT03 { background: lime; }
.\\\\3A \\\\\`\\\\(--fKJQkLarfQ { background: lime; }
.\\\\31 23--oqRGsO4UR7 { background: lime; }
.\\\\31 a2b3c--YR1u_buYf6 { background: lime; }
.\\\\
--TdAx2ZSkw7 { background: lime; }
.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--ozNsTIG0LL { background: lime; }
.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--ByKoYcSrMT { background: lime; }
.\\\\#--HkwIsjW5i7 { background: lime; }
.\\\\#\\\\#--IJc6Xl4ZKV { background: lime; }
.\\\\#\\\\.\\\\#\\\\.\\\\#--BnPpnJmPeN { background: lime; }
.\\\\_--bCwkZEDuxD { background: lime; }
.\\\\{\\\\}--IZkBfE9iUP { background: lime; }
.\\\\#fake\\\\-id--AqiAGSfnwa { background: lime; }
.foo\\\\.bar--uajo7mHzD_ { background: lime; }
.\\\\3A hover--HVudUNXnLN { background: lime; }
.\\\\3A hover\\\\3A focus\\\\3A active--ZlaaXvHLUs { background: lime; }
.\\\\[attr\\\\=value\\\\]--PWvC4jVM5S { background: lime; }
.f\\\\/o\\\\/o--A5l5sDODF4 { background: lime; }
.f\\\\\\\\o\\\\\\\\o--DFfh4KyqOO { background: lime; }
.f\\\\*o\\\\*o--gv1E2n_bVv { background: lime; }
.f\\\\!o\\\\!o--_aIyR9ETAs { background: lime; }
.f\\\\'o\\\\'o--HSXNnSjt1Q { background: lime; }
.f\\\\~o\\\\~o--MrVzSIcSXy { background: lime; }
.f\\\\+o\\\\+o--EvMHRmCudy { background: lime; }
.foo\\\\/bar--hei2uQgDeX {
background: hotpink;
}
.foo\\\\\\\\bar--IgSzmmsCqi {
background: hotpink;
}
.foo\\\\/bar\\\\/baz--p6KJMhNWwm {
background: hotpink;
}
.foo\\\\\\\\bar\\\\\\\\baz--HZerWgmU0f {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localIdentHashFunction" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentHashFunction" option: warnings 2`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentName" option 2: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentName" option 2: 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, \`.localIdentName--test--aa7e9 {
background: red;
}
.localIdentName--_test--c6a38 {
background: blue;
}
.localIdentName--className--ae4cd {
background: red;
}
#localIdentName--someId--a747a {
background: green;
}
.localIdentName--className--ae4cd .localIdentName--subClass--bf463 {
color: green;
}
#localIdentName--someId--a747a .localIdentName--subClass--bf463 {
color: blue;
}
.localIdentName---a0-34a___f--d3488 {
color: red;
}
.localIdentName--m_x_\\\\\\\\@--ff0d5 {
margin-left: auto !important;
margin-right: auto !important;
}
.localIdentName--B\\\\\\\\&W\\\\\\\\?--f7662 {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.localIdentName--\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--d3744 {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.localIdentName--\\\\\\\\31 a2b3c--c4cbc {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#localIdentName--\\\\\\\\#fake-id--e42a4 {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#localIdentName---a-b-c---e4b0f {
color: azure;
}
/* matches the element with id=\\"©\\" */
#localIdentName--©--c3e22 {
color: black;
}
.localIdentName--♥--a47a2 { background: lime; }
.localIdentName--©--c3e22 { background: lime; }
.localIdentName--�--f0c92 { background: lime; }
.localIdentName--“‘’�--ca0fd { background: lime; }
.localIdentName--☺☃--f9c8b { background: lime; }
.localIdentName--⌘⌥--b3cde { background: lime; }
.localIdentName--�♪♩♫♬--d2c20 { background: lime; }
.localIdentName--💩--f7356 { background: lime; }
.localIdentName--\\\\\\\\?--d9503 { background: lime; }
.localIdentName--\\\\\\\\@--b2fac { background: lime; }
.localIdentName--\\\\\\\\.--fd361 { background: lime; }
.localIdentName--\\\\\\\\3A \\\\\\\\)--c58a4 { background: lime; }
.localIdentName--\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--d3744 { background: lime; }
.localIdentName--\\\\\\\\31 23--c47e4 { background: lime; }
.localIdentName--\\\\\\\\31 a2b3c--c4cbc { background: lime; }
.localIdentName--\\\\\\\\
--cc129 { background: lime; }
.localIdentName--\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--fcdf9 { background: lime; }
.localIdentName--\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--fec05 { background: lime; }
.localIdentName--\\\\\\\\#--e36d3 { background: lime; }
.localIdentName--\\\\\\\\#\\\\\\\\#--b7f30 { background: lime; }
.localIdentName--\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--a3350 { background: lime; }
.localIdentName--\\\\\\\\_--f2a47 { background: lime; }
.localIdentName--\\\\\\\\{\\\\\\\\}--b6deb { background: lime; }
.localIdentName--\\\\\\\\#fake\\\\\\\\-id--e42a4 { background: lime; }
.localIdentName--foo\\\\\\\\.bar--e5115 { background: lime; }
.localIdentName--\\\\\\\\3A hover--dd09e { background: lime; }
.localIdentName--\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--a9185 { background: lime; }
.localIdentName--\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--c242f { background: lime; }
.localIdentName--f\\\\\\\\/o\\\\\\\\/o--a3967 { background: lime; }
.localIdentName--f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--ec55c { background: lime; }
.localIdentName--f\\\\\\\\*o\\\\\\\\*o--f8235 { background: lime; }
.localIdentName--f\\\\\\\\!o\\\\\\\\!o--b05e2 { background: lime; }
.localIdentName--f\\\\\\\\'o\\\\\\\\'o--e0449 { background: lime; }
.localIdentName--f\\\\\\\\~o\\\\\\\\~o--b5a43 { background: lime; }
.localIdentName--f\\\\\\\\+o\\\\\\\\+o--e002f { background: lime; }
.localIdentName--foo\\\\\\\\/bar--e3f1a {
background: hotpink;
}
.localIdentName--foo\\\\\\\\\\\\\\\\bar--ac6d2 {
background: hotpink;
}
.localIdentName--foo\\\\\\\\/bar\\\\\\\\/baz--c78d7 {
background: hotpink;
}
.localIdentName--foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--f235d {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`localIdentName--123--c47e4\`,
\\"test\\": \`localIdentName--test--aa7e9\`,
\\"_test\\": \`localIdentName--_test--c6a38\`,
\\"className\\": \`localIdentName--className--ae4cd\`,
\\"someId\\": \`localIdentName--someId--a747a\`,
\\"subClass\\": \`localIdentName--subClass--bf463\`,
\\"-a0-34a___f\\": \`localIdentName---a0-34a___f--d3488\`,
\\"m_x_@\\": \`localIdentName--m_x_@--ff0d5\`,
\\"B&W?\\": \`localIdentName--B&W?--f7662\`,
\\":\`(\\": \`localIdentName--:\\\\\`(--d3744\`,
\\"1a2b3c\\": \`localIdentName--1a2b3c--c4cbc\`,
\\"#fake-id\\": \`localIdentName--#fake-id--e42a4\`,
\\"-a-b-c-\\": \`localIdentName---a-b-c---e4b0f\`,
\\"©\\": \`localIdentName--©--c3e22\`,
\\"♥\\": \`localIdentName--♥--a47a2\`,
\\"�\\": \`localIdentName--�--f0c92\`,
\\"“‘’�\\": \`localIdentName--“‘’�--ca0fd\`,
\\"☺☃\\": \`localIdentName--☺☃--f9c8b\`,
\\"⌘⌥\\": \`localIdentName--⌘⌥--b3cde\`,
\\"�♪♩♫♬\\": \`localIdentName--�♪♩♫♬--d2c20\`,
\\"💩\\": \`localIdentName--💩--f7356\`,
\\"?\\": \`localIdentName--?--d9503\`,
\\"@\\": \`localIdentName--@--b2fac\`,
\\".\\": \`localIdentName--.--fd361\`,
\\":)\\": \`localIdentName--:)--c58a4\`,
\\"
\\": \`localIdentName--
--cc129\`,
\\"<><<<>><>\\": \`localIdentName--<><<<>><>--fcdf9\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`localIdentName--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--fec05\`,
\\"#\\": \`localIdentName--#--e36d3\`,
\\"##\\": \`localIdentName--##--b7f30\`,
\\"#.#.#\\": \`localIdentName--#.#.#--a3350\`,
\\"_\\": \`localIdentName--_--f2a47\`,
\\"{}\\": \`localIdentName--{}--b6deb\`,
\\"foo.bar\\": \`localIdentName--foo.bar--e5115\`,
\\":hover\\": \`localIdentName--:hover--dd09e\`,
\\":hover:focus:active\\": \`localIdentName--:hover:focus:active--a9185\`,
\\"[attr=value]\\": \`localIdentName--[attr=value]--c242f\`,
\\"f/o/o\\": \`localIdentName--f/o/o--a3967\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`localIdentName--f\\\\\\\\o\\\\\\\\o--ec55c\`,
\\"f*o*o\\": \`localIdentName--f*o*o--f8235\`,
\\"f!o!o\\": \`localIdentName--f!o!o--b05e2\`,
\\"f'o'o\\": \`localIdentName--f'o'o--e0449\`,
\\"f~o~o\\": \`localIdentName--f~o~o--b5a43\`,
\\"f+o+o\\": \`localIdentName--f+o+o--e002f\`,
\\"foo/bar\\": \`localIdentName--foo/bar--e3f1a\`,
\\"foo\\\\\\\\bar\\": \`localIdentName--foo\\\\\\\\bar--ac6d2\`,
\\"foo/bar/baz\\": \`localIdentName--foo/bar/baz--c78d7\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`localIdentName--foo\\\\\\\\bar\\\\\\\\baz--f235d\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localIdentName" option 2: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".localIdentName--test--aa7e9 {
background: red;
}
.localIdentName--_test--c6a38 {
background: blue;
}
.localIdentName--className--ae4cd {
background: red;
}
#localIdentName--someId--a747a {
background: green;
}
.localIdentName--className--ae4cd .localIdentName--subClass--bf463 {
color: green;
}
#localIdentName--someId--a747a .localIdentName--subClass--bf463 {
color: blue;
}
.localIdentName---a0-34a___f--d3488 {
color: red;
}
.localIdentName--m_x_\\\\@--ff0d5 {
margin-left: auto !important;
margin-right: auto !important;
}
.localIdentName--B\\\\&W\\\\?--f7662 {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.localIdentName--\\\\3A \\\\\`\\\\(--d3744 {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.localIdentName--\\\\31 a2b3c--c4cbc {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#localIdentName--\\\\#fake-id--e42a4 {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#localIdentName---a-b-c---e4b0f {
color: azure;
}
/* matches the element with id=\\"©\\" */
#localIdentName--©--c3e22 {
color: black;
}
.localIdentName--♥--a47a2 { background: lime; }
.localIdentName--©--c3e22 { background: lime; }
.localIdentName--�--f0c92 { background: lime; }
.localIdentName--“‘’�--ca0fd { background: lime; }
.localIdentName--☺☃--f9c8b { background: lime; }
.localIdentName--⌘⌥--b3cde { background: lime; }
.localIdentName--�♪♩♫♬--d2c20 { background: lime; }
.localIdentName--💩--f7356 { background: lime; }
.localIdentName--\\\\?--d9503 { background: lime; }
.localIdentName--\\\\@--b2fac { background: lime; }
.localIdentName--\\\\.--fd361 { background: lime; }
.localIdentName--\\\\3A \\\\)--c58a4 { background: lime; }
.localIdentName--\\\\3A \\\\\`\\\\(--d3744 { background: lime; }
.localIdentName--\\\\31 23--c47e4 { background: lime; }
.localIdentName--\\\\31 a2b3c--c4cbc { background: lime; }
.localIdentName--\\\\
--cc129 { background: lime; }
.localIdentName--\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--fcdf9 { background: lime; }
.localIdentName--\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--fec05 { background: lime; }
.localIdentName--\\\\#--e36d3 { background: lime; }
.localIdentName--\\\\#\\\\#--b7f30 { background: lime; }
.localIdentName--\\\\#\\\\.\\\\#\\\\.\\\\#--a3350 { background: lime; }
.localIdentName--\\\\_--f2a47 { background: lime; }
.localIdentName--\\\\{\\\\}--b6deb { background: lime; }
.localIdentName--\\\\#fake\\\\-id--e42a4 { background: lime; }
.localIdentName--foo\\\\.bar--e5115 { background: lime; }
.localIdentName--\\\\3A hover--dd09e { background: lime; }
.localIdentName--\\\\3A hover\\\\3A focus\\\\3A active--a9185 { background: lime; }
.localIdentName--\\\\[attr\\\\=value\\\\]--c242f { background: lime; }
.localIdentName--f\\\\/o\\\\/o--a3967 { background: lime; }
.localIdentName--f\\\\\\\\o\\\\\\\\o--ec55c { background: lime; }
.localIdentName--f\\\\*o\\\\*o--f8235 { background: lime; }
.localIdentName--f\\\\!o\\\\!o--b05e2 { background: lime; }
.localIdentName--f\\\\'o\\\\'o--e0449 { background: lime; }
.localIdentName--f\\\\~o\\\\~o--b5a43 { background: lime; }
.localIdentName--f\\\\+o\\\\+o--e002f { background: lime; }
.localIdentName--foo\\\\/bar--e3f1a {
background: hotpink;
}
.localIdentName--foo\\\\\\\\bar--ac6d2 {
background: hotpink;
}
.localIdentName--foo\\\\/bar\\\\/baz--c78d7 {
background: hotpink;
}
.localIdentName--foo\\\\\\\\bar\\\\\\\\baz--f235d {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localIdentName" option 2: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentName" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentName" option: 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, \`.localIdentName--test--Cqfpw {
background: red;
}
.localIdentName--_test--TGo4R {
background: blue;
}
.localIdentName--className--V3rkz {
background: red;
}
#localIdentName--someId--p0emr {
background: green;
}
.localIdentName--className--V3rkz .localIdentName--subClass--v0YwV {
color: green;
}
#localIdentName--someId--p0emr .localIdentName--subClass--v0YwV {
color: blue;
}
.localIdentName---a0-34a___f--iD7O5 {
color: red;
}
.localIdentName--m_x_\\\\\\\\@--RH_w1 {
margin-left: auto !important;
margin-right: auto !important;
}
.localIdentName--B\\\\\\\\&W\\\\\\\\?--Ag92Y {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.localIdentName--\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--ETB9N {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.localIdentName--\\\\\\\\31 a2b3c--LEy8b {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#localIdentName--\\\\\\\\#fake-id--JOQqQ {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#localIdentName---a-b-c---LD6vZ {
color: azure;
}
/* matches the element with id=\\"©\\" */
#localIdentName--©--bD4iE {
color: black;
}
.localIdentName--♥--pHooK { background: lime; }
.localIdentName--©--bD4iE { background: lime; }
.localIdentName--�--Mkprj { background: lime; }
.localIdentName--“‘’�--hsoP1 { background: lime; }
.localIdentName--☺☃--AERfn { background: lime; }
.localIdentName--⌘⌥--s83tE { background: lime; }
.localIdentName--�♪♩♫♬--sIO5d { background: lime; }
.localIdentName--💩--zVi6s { background: lime; }
.localIdentName--\\\\\\\\?--N9lQN { background: lime; }
.localIdentName--\\\\\\\\@--SysYq { background: lime; }
.localIdentName--\\\\\\\\.--_TYYa { background: lime; }
.localIdentName--\\\\\\\\3A \\\\\\\\)--TFikf { background: lime; }
.localIdentName--\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(--ETB9N { background: lime; }
.localIdentName--\\\\\\\\31 23--DEfkS { background: lime; }
.localIdentName--\\\\\\\\31 a2b3c--LEy8b { background: lime; }
.localIdentName--\\\\\\\\
--nMEpp { background: lime; }
.localIdentName--\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--cGH83 { background: lime; }
.localIdentName--\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--_sBaA { background: lime; }
.localIdentName--\\\\\\\\#--Ig420 { background: lime; }
.localIdentName--\\\\\\\\#\\\\\\\\#--t_MNC { background: lime; }
.localIdentName--\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--ozULn { background: lime; }
.localIdentName--\\\\\\\\_--qR0Vn { background: lime; }
.localIdentName--\\\\\\\\{\\\\\\\\}--tt66I { background: lime; }
.localIdentName--\\\\\\\\#fake\\\\\\\\-id--JOQqQ { background: lime; }
.localIdentName--foo\\\\\\\\.bar--RFVWf { background: lime; }
.localIdentName--\\\\\\\\3A hover--QnhAB { background: lime; }
.localIdentName--\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--qRhRp { background: lime; }
.localIdentName--\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--wkL_Q { background: lime; }
.localIdentName--f\\\\\\\\/o\\\\\\\\/o--KDSjl { background: lime; }
.localIdentName--f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--LsVcY { background: lime; }
.localIdentName--f\\\\\\\\*o\\\\\\\\*o--CNQow { background: lime; }
.localIdentName--f\\\\\\\\!o\\\\\\\\!o--eUsF4 { background: lime; }
.localIdentName--f\\\\\\\\'o\\\\\\\\'o--ESWns { background: lime; }
.localIdentName--f\\\\\\\\~o\\\\\\\\~o--taQ7D { background: lime; }
.localIdentName--f\\\\\\\\+o\\\\\\\\+o--AL7FE { background: lime; }
.localIdentName--foo\\\\\\\\/bar--GOPxp {
background: hotpink;
}
.localIdentName--foo\\\\\\\\\\\\\\\\bar--chesb {
background: hotpink;
}
.localIdentName--foo\\\\\\\\/bar\\\\\\\\/baz--QMeNd {
background: hotpink;
}
.localIdentName--foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--jXaak {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`localIdentName--123--DEfkS\`,
\\"test\\": \`localIdentName--test--Cqfpw\`,
\\"_test\\": \`localIdentName--_test--TGo4R\`,
\\"className\\": \`localIdentName--className--V3rkz\`,
\\"someId\\": \`localIdentName--someId--p0emr\`,
\\"subClass\\": \`localIdentName--subClass--v0YwV\`,
\\"-a0-34a___f\\": \`localIdentName---a0-34a___f--iD7O5\`,
\\"m_x_@\\": \`localIdentName--m_x_@--RH_w1\`,
\\"B&W?\\": \`localIdentName--B&W?--Ag92Y\`,
\\":\`(\\": \`localIdentName--:\\\\\`(--ETB9N\`,
\\"1a2b3c\\": \`localIdentName--1a2b3c--LEy8b\`,
\\"#fake-id\\": \`localIdentName--#fake-id--JOQqQ\`,
\\"-a-b-c-\\": \`localIdentName---a-b-c---LD6vZ\`,
\\"©\\": \`localIdentName--©--bD4iE\`,
\\"♥\\": \`localIdentName--♥--pHooK\`,
\\"�\\": \`localIdentName--�--Mkprj\`,
\\"“‘’�\\": \`localIdentName--“‘’�--hsoP1\`,
\\"☺☃\\": \`localIdentName--☺☃--AERfn\`,
\\"⌘⌥\\": \`localIdentName--⌘⌥--s83tE\`,
\\"�♪♩♫♬\\": \`localIdentName--�♪♩♫♬--sIO5d\`,
\\"💩\\": \`localIdentName--💩--zVi6s\`,
\\"?\\": \`localIdentName--?--N9lQN\`,
\\"@\\": \`localIdentName--@--SysYq\`,
\\".\\": \`localIdentName--.--_TYYa\`,
\\":)\\": \`localIdentName--:)--TFikf\`,
\\"
\\": \`localIdentName--
--nMEpp\`,
\\"<><<<>><>\\": \`localIdentName--<><<<>><>--cGH83\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`localIdentName--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--_sBaA\`,
\\"#\\": \`localIdentName--#--Ig420\`,
\\"##\\": \`localIdentName--##--t_MNC\`,
\\"#.#.#\\": \`localIdentName--#.#.#--ozULn\`,
\\"_\\": \`localIdentName--_--qR0Vn\`,
\\"{}\\": \`localIdentName--{}--tt66I\`,
\\"foo.bar\\": \`localIdentName--foo.bar--RFVWf\`,
\\":hover\\": \`localIdentName--:hover--QnhAB\`,
\\":hover:focus:active\\": \`localIdentName--:hover:focus:active--qRhRp\`,
\\"[attr=value]\\": \`localIdentName--[attr=value]--wkL_Q\`,
\\"f/o/o\\": \`localIdentName--f/o/o--KDSjl\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`localIdentName--f\\\\\\\\o\\\\\\\\o--LsVcY\`,
\\"f*o*o\\": \`localIdentName--f*o*o--CNQow\`,
\\"f!o!o\\": \`localIdentName--f!o!o--eUsF4\`,
\\"f'o'o\\": \`localIdentName--f'o'o--ESWns\`,
\\"f~o~o\\": \`localIdentName--f~o~o--taQ7D\`,
\\"f+o+o\\": \`localIdentName--f+o+o--AL7FE\`,
\\"foo/bar\\": \`localIdentName--foo/bar--GOPxp\`,
\\"foo\\\\\\\\bar\\": \`localIdentName--foo\\\\\\\\bar--chesb\`,
\\"foo/bar/baz\\": \`localIdentName--foo/bar/baz--QMeNd\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`localIdentName--foo\\\\\\\\bar\\\\\\\\baz--jXaak\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localIdentName" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".localIdentName--test--Cqfpw {
background: red;
}
.localIdentName--_test--TGo4R {
background: blue;
}
.localIdentName--className--V3rkz {
background: red;
}
#localIdentName--someId--p0emr {
background: green;
}
.localIdentName--className--V3rkz .localIdentName--subClass--v0YwV {
color: green;
}
#localIdentName--someId--p0emr .localIdentName--subClass--v0YwV {
color: blue;
}
.localIdentName---a0-34a___f--iD7O5 {
color: red;
}
.localIdentName--m_x_\\\\@--RH_w1 {
margin-left: auto !important;
margin-right: auto !important;
}
.localIdentName--B\\\\&W\\\\?--Ag92Y {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.localIdentName--\\\\3A \\\\\`\\\\(--ETB9N {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.localIdentName--\\\\31 a2b3c--LEy8b {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#localIdentName--\\\\#fake-id--JOQqQ {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#localIdentName---a-b-c---LD6vZ {
color: azure;
}
/* matches the element with id=\\"©\\" */
#localIdentName--©--bD4iE {
color: black;
}
.localIdentName--♥--pHooK { background: lime; }
.localIdentName--©--bD4iE { background: lime; }
.localIdentName--�--Mkprj { background: lime; }
.localIdentName--“‘’�--hsoP1 { background: lime; }
.localIdentName--☺☃--AERfn { background: lime; }
.localIdentName--⌘⌥--s83tE { background: lime; }
.localIdentName--�♪♩♫♬--sIO5d { background: lime; }
.localIdentName--💩--zVi6s { background: lime; }
.localIdentName--\\\\?--N9lQN { background: lime; }
.localIdentName--\\\\@--SysYq { background: lime; }
.localIdentName--\\\\.--_TYYa { background: lime; }
.localIdentName--\\\\3A \\\\)--TFikf { background: lime; }
.localIdentName--\\\\3A \\\\\`\\\\(--ETB9N { background: lime; }
.localIdentName--\\\\31 23--DEfkS { background: lime; }
.localIdentName--\\\\31 a2b3c--LEy8b { background: lime; }
.localIdentName--\\\\
--nMEpp { background: lime; }
.localIdentName--\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--cGH83 { background: lime; }
.localIdentName--\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--_sBaA { background: lime; }
.localIdentName--\\\\#--Ig420 { background: lime; }
.localIdentName--\\\\#\\\\#--t_MNC { background: lime; }
.localIdentName--\\\\#\\\\.\\\\#\\\\.\\\\#--ozULn { background: lime; }
.localIdentName--\\\\_--qR0Vn { background: lime; }
.localIdentName--\\\\{\\\\}--tt66I { background: lime; }
.localIdentName--\\\\#fake\\\\-id--JOQqQ { background: lime; }
.localIdentName--foo\\\\.bar--RFVWf { background: lime; }
.localIdentName--\\\\3A hover--QnhAB { background: lime; }
.localIdentName--\\\\3A hover\\\\3A focus\\\\3A active--qRhRp { background: lime; }
.localIdentName--\\\\[attr\\\\=value\\\\]--wkL_Q { background: lime; }
.localIdentName--f\\\\/o\\\\/o--KDSjl { background: lime; }
.localIdentName--f\\\\\\\\o\\\\\\\\o--LsVcY { background: lime; }
.localIdentName--f\\\\*o\\\\*o--CNQow { background: lime; }
.localIdentName--f\\\\!o\\\\!o--eUsF4 { background: lime; }
.localIdentName--f\\\\'o\\\\'o--ESWns { background: lime; }
.localIdentName--f\\\\~o\\\\~o--taQ7D { background: lime; }
.localIdentName--f\\\\+o\\\\+o--AL7FE { background: lime; }
.localIdentName--foo\\\\/bar--GOPxp {
background: hotpink;
}
.localIdentName--foo\\\\\\\\bar--chesb {
background: hotpink;
}
.localIdentName--foo\\\\/bar\\\\/baz--QMeNd {
background: hotpink;
}
.localIdentName--foo\\\\\\\\bar\\\\\\\\baz--jXaak {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localIdentName" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentRegExp" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentRegExp" option: 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, \`.localIdentName__test__KuIShlgs {
background: red;
}
.localIdentName___test__Lb3fhDAu {
background: blue;
}
.localIdentName__className__LdhpkZRW {
background: red;
}
#localIdentName__someId__b0rhwJSt {
background: green;
}
.localIdentName__className__LdhpkZRW .localIdentName__subClass__Mw9j4nId {
color: green;
}
#localIdentName__someId__b0rhwJSt .localIdentName__subClass__Mw9j4nId {
color: blue;
}
.localIdentName__-a0-34a___f__DdFWMPol {
color: red;
}
.localIdentName__m_x_\\\\\\\\@__OdAmghrm {
margin-left: auto !important;
margin-right: auto !important;
}
.localIdentName__B\\\\\\\\&W\\\\\\\\?__h4SEF34C {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.localIdentName__\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(__fKJQkLar {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.localIdentName__\\\\\\\\31 a2b3c__YR1u_buY {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#localIdentName__\\\\\\\\#fake-id__AqiAGSfn {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#localIdentName__-a-b-c-__CwXv27VM {
color: azure;
}
/* matches the element with id=\\"©\\" */
#localIdentName__©__jBj0sZiW {
color: black;
}
.localIdentName__♥__vJl9A9Ds { background: lime; }
.localIdentName__©__jBj0sZiW { background: lime; }
.localIdentName__�__CNLr9yJw { background: lime; }
.localIdentName__“‘’�__GM0Y0nFC { background: lime; }
.localIdentName__☺☃__NKrBw7EA { background: lime; }
.localIdentName__⌘⌥__edHWpSne { background: lime; }
.localIdentName__�♪♩♫♬__QyMp9YME { background: lime; }
.localIdentName__💩__B82YxwgR { background: lime; }
.localIdentName__\\\\\\\\?__ndmpvNNl { background: lime; }
.localIdentName__\\\\\\\\@__v3gq0wPo { background: lime; }
.localIdentName__\\\\\\\\.__zd5uIZq6 { background: lime; }
.localIdentName__\\\\\\\\3A \\\\\\\\)__ZiZnRjRT { background: lime; }
.localIdentName__\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\(__fKJQkLar { background: lime; }
.localIdentName__\\\\\\\\31 23__oqRGsO4U { background: lime; }
.localIdentName__\\\\\\\\31 a2b3c__YR1u_buY { background: lime; }
.localIdentName__\\\\\\\\
__TdAx2ZSk { background: lime; }
.localIdentName__\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>__ozNsTIG0 { background: lime; }
.localIdentName__\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.__ByKoYcSr { background: lime; }
.localIdentName__\\\\\\\\#__HkwIsjW5 { background: lime; }
.localIdentName__\\\\\\\\#\\\\\\\\#__IJc6Xl4Z { background: lime; }
.localIdentName__\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#__BnPpnJmP { background: lime; }
.localIdentName__\\\\\\\\___bCwkZEDu { background: lime; }
.localIdentName__\\\\\\\\{\\\\\\\\}__IZkBfE9i { background: lime; }
.localIdentName__\\\\\\\\#fake\\\\\\\\-id__AqiAGSfn { background: lime; }
.localIdentName__foo\\\\\\\\.bar__uajo7mHz { background: lime; }
.localIdentName__\\\\\\\\3A hover__HVudUNXn { background: lime; }
.localIdentName__\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active__ZlaaXvHL { background: lime; }
.localIdentName__\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]__PWvC4jVM { background: lime; }
.localIdentName__f\\\\\\\\/o\\\\\\\\/o__A5l5sDOD { background: lime; }
.localIdentName__f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o__DFfh4Kyq { background: lime; }
.localIdentName__f\\\\\\\\*o\\\\\\\\*o__gv1E2n_b { background: lime; }
.localIdentName__f\\\\\\\\!o\\\\\\\\!o___aIyR9ET { background: lime; }
.localIdentName__f\\\\\\\\'o\\\\\\\\'o__HSXNnSjt { background: lime; }
.localIdentName__f\\\\\\\\~o\\\\\\\\~o__MrVzSIcS { background: lime; }
.localIdentName__f\\\\\\\\+o\\\\\\\\+o__EvMHRmCu { background: lime; }
.localIdentName__foo\\\\\\\\/bar__hei2uQgD {
background: hotpink;
}
.localIdentName__foo\\\\\\\\\\\\\\\\bar__IgSzmmsC {
background: hotpink;
}
.localIdentName__foo\\\\\\\\/bar\\\\\\\\/baz__p6KJMhNW {
background: hotpink;
}
.localIdentName__foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz__HZerWgmU {
background: hotpink;
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \`localIdentName__123__oqRGsO4U\`,
\\"test\\": \`localIdentName__test__KuIShlgs\`,
\\"_test\\": \`localIdentName___test__Lb3fhDAu\`,
\\"className\\": \`localIdentName__className__LdhpkZRW\`,
\\"someId\\": \`localIdentName__someId__b0rhwJSt\`,
\\"subClass\\": \`localIdentName__subClass__Mw9j4nId\`,
\\"-a0-34a___f\\": \`localIdentName__-a0-34a___f__DdFWMPol\`,
\\"m_x_@\\": \`localIdentName__m_x_@__OdAmghrm\`,
\\"B&W?\\": \`localIdentName__B&W?__h4SEF34C\`,
\\":\`(\\": \`localIdentName__:\\\\\`(__fKJQkLar\`,
\\"1a2b3c\\": \`localIdentName__1a2b3c__YR1u_buY\`,
\\"#fake-id\\": \`localIdentName__#fake-id__AqiAGSfn\`,
\\"-a-b-c-\\": \`localIdentName__-a-b-c-__CwXv27VM\`,
\\"©\\": \`localIdentName__©__jBj0sZiW\`,
\\"♥\\": \`localIdentName__♥__vJl9A9Ds\`,
\\"�\\": \`localIdentName__�__CNLr9yJw\`,
\\"“‘’�\\": \`localIdentName__“‘’�__GM0Y0nFC\`,
\\"☺☃\\": \`localIdentName__☺☃__NKrBw7EA\`,
\\"⌘⌥\\": \`localIdentName__⌘⌥__edHWpSne\`,
\\"�♪♩♫♬\\": \`localIdentName__�♪♩♫♬__QyMp9YME\`,
\\"💩\\": \`localIdentName__💩__B82YxwgR\`,
\\"?\\": \`localIdentName__?__ndmpvNNl\`,
\\"@\\": \`localIdentName__@__v3gq0wPo\`,
\\".\\": \`localIdentName__.__zd5uIZq6\`,
\\":)\\": \`localIdentName__:)__ZiZnRjRT\`,
\\"
\\": \`localIdentName__
__TdAx2ZSk\`,
\\"<><<<>><>\\": \`localIdentName__<><<<>><>__ozNsTIG0\`,
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \`localIdentName__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.__ByKoYcSr\`,
\\"#\\": \`localIdentName__#__HkwIsjW5\`,
\\"##\\": \`localIdentName__##__IJc6Xl4Z\`,
\\"#.#.#\\": \`localIdentName__#.#.#__BnPpnJmP\`,
\\"_\\": \`localIdentName_____bCwkZEDu\`,
\\"{}\\": \`localIdentName__{}__IZkBfE9i\`,
\\"foo.bar\\": \`localIdentName__foo.bar__uajo7mHz\`,
\\":hover\\": \`localIdentName__:hover__HVudUNXn\`,
\\":hover:focus:active\\": \`localIdentName__:hover:focus:active__ZlaaXvHL\`,
\\"[attr=value]\\": \`localIdentName__[attr=value]__PWvC4jVM\`,
\\"f/o/o\\": \`localIdentName__f/o/o__A5l5sDOD\`,
\\"f\\\\\\\\o\\\\\\\\o\\": \`localIdentName__f\\\\\\\\o\\\\\\\\o__DFfh4Kyq\`,
\\"f*o*o\\": \`localIdentName__f*o*o__gv1E2n_b\`,
\\"f!o!o\\": \`localIdentName__f!o!o___aIyR9ET\`,
\\"f'o'o\\": \`localIdentName__f'o'o__HSXNnSjt\`,
\\"f~o~o\\": \`localIdentName__f~o~o__MrVzSIcS\`,
\\"f+o+o\\": \`localIdentName__f+o+o__EvMHRmCu\`,
\\"foo/bar\\": \`localIdentName__foo/bar__hei2uQgD\`,
\\"foo\\\\\\\\bar\\": \`localIdentName__foo\\\\\\\\bar__IgSzmmsC\`,
\\"foo/bar/baz\\": \`localIdentName__foo/bar/baz__p6KJMhNW\`,
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \`localIdentName__foo\\\\\\\\bar\\\\\\\\baz__HZerWgmU\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localIdentRegExp" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".localIdentName__test__KuIShlgs {
background: red;
}
.localIdentName___test__Lb3fhDAu {
background: blue;
}
.localIdentName__className__LdhpkZRW {
background: red;
}
#localIdentName__someId__b0rhwJSt {
background: green;
}
.localIdentName__className__LdhpkZRW .localIdentName__subClass__Mw9j4nId {
color: green;
}
#localIdentName__someId__b0rhwJSt .localIdentName__subClass__Mw9j4nId {
color: blue;
}
.localIdentName__-a0-34a___f__DdFWMPol {
color: red;
}
.localIdentName__m_x_\\\\@__OdAmghrm {
margin-left: auto !important;
margin-right: auto !important;
}
.localIdentName__B\\\\&W\\\\?__h4SEF34C {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.localIdentName__\\\\3A \\\\\`\\\\(__fKJQkLar {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.localIdentName__\\\\31 a2b3c__YR1u_buY {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#localIdentName__\\\\#fake-id__AqiAGSfn {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#localIdentName__-a-b-c-__CwXv27VM {
color: azure;
}
/* matches the element with id=\\"©\\" */
#localIdentName__©__jBj0sZiW {
color: black;
}
.localIdentName__♥__vJl9A9Ds { background: lime; }
.localIdentName__©__jBj0sZiW { background: lime; }
.localIdentName__�__CNLr9yJw { background: lime; }
.localIdentName__“‘’�__GM0Y0nFC { background: lime; }
.localIdentName__☺☃__NKrBw7EA { background: lime; }
.localIdentName__⌘⌥__edHWpSne { background: lime; }
.localIdentName__�♪♩♫♬__QyMp9YME { background: lime; }
.localIdentName__💩__B82YxwgR { background: lime; }
.localIdentName__\\\\?__ndmpvNNl { background: lime; }
.localIdentName__\\\\@__v3gq0wPo { background: lime; }
.localIdentName__\\\\.__zd5uIZq6 { background: lime; }
.localIdentName__\\\\3A \\\\)__ZiZnRjRT { background: lime; }
.localIdentName__\\\\3A \\\\\`\\\\(__fKJQkLar { background: lime; }
.localIdentName__\\\\31 23__oqRGsO4U { background: lime; }
.localIdentName__\\\\31 a2b3c__YR1u_buY { background: lime; }
.localIdentName__\\\\
__TdAx2ZSk { background: lime; }
.localIdentName__\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>__ozNsTIG0 { background: lime; }
.localIdentName__\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.__ByKoYcSr { background: lime; }
.localIdentName__\\\\#__HkwIsjW5 { background: lime; }
.localIdentName__\\\\#\\\\#__IJc6Xl4Z { background: lime; }
.localIdentName__\\\\#\\\\.\\\\#\\\\.\\\\#__BnPpnJmP { background: lime; }
.localIdentName__\\\\___bCwkZEDu { background: lime; }
.localIdentName__\\\\{\\\\}__IZkBfE9i { background: lime; }
.localIdentName__\\\\#fake\\\\-id__AqiAGSfn { background: lime; }
.localIdentName__foo\\\\.bar__uajo7mHz { background: lime; }
.localIdentName__\\\\3A hover__HVudUNXn { background: lime; }
.localIdentName__\\\\3A hover\\\\3A focus\\\\3A active__ZlaaXvHL { background: lime; }
.localIdentName__\\\\[attr\\\\=value\\\\]__PWvC4jVM { background: lime; }
.localIdentName__f\\\\/o\\\\/o__A5l5sDOD { background: lime; }
.localIdentName__f\\\\\\\\o\\\\\\\\o__DFfh4Kyq { background: lime; }
.localIdentName__f\\\\*o\\\\*o__gv1E2n_b { background: lime; }
.localIdentName__f\\\\!o\\\\!o___aIyR9ET { background: lime; }
.localIdentName__f\\\\'o\\\\'o__HSXNnSjt { background: lime; }
.localIdentName__f\\\\~o\\\\~o__MrVzSIcS { background: lime; }
.localIdentName__f\\\\+o\\\\+o__EvMHRmCu { background: lime; }
.localIdentName__foo\\\\/bar__hei2uQgD {
background: hotpink;
}
.localIdentName__foo\\\\\\\\bar__IgSzmmsC {
background: hotpink;
}
.localIdentName__foo\\\\/bar\\\\/baz__p6KJMhNW {
background: hotpink;
}
.localIdentName__foo\\\\\\\\bar\\\\\\\\baz__HZerWgmU {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localIdentRegExp" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "path" placeholder: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "path" placeholder: 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, \`.fixtures-modules-localIdentName-localIdentName__test {
background: red;
}
.fixtures-modules-localIdentName-localIdentName___test {
background: blue;
}
.fixtures-modules-localIdentName-localIdentName__className {
background: red;
}
#fixtures-modules-localIdentName-localIdentName__someId {
background: green;
}
.fixtures-modules-localIdentName-localIdentName__className .fixtures-modules-localIdentName-localIdentName__subClass {
color: green;
}
#fixtures-modules-localIdentName-localIdentName__someId .fixtures-modules-localIdentName-localIdentName__subClass {
color: blue;
}
.fixtures-modules-localIdentName-localIdentName__-a0-34a___f {
color: red;
}
.fixtures-modules-localIdentName-localIdentName__m_x_\\\\\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
.fixtures-modules-localIdentName-localIdentName__B\\\\\\\\&W\\\\\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\\\\\`(\\" */
.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.fixtures-modules-localIdentName-localIdentName__\\\\\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#fixtures-modules-localIdentName-localIdentName__\\\\\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#fixtures-modules-localIdentName-localIdentName__-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#fixtures-modules-localIdentName-localIdentName__© {
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__\\\\\\\\. { 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; }
.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\/bar {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\\\\\\\\\bar {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\/bar\\\\\\\\/baz {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {
background: hotpink;
}
\`, \\"\\"]);
// 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___\`,
\\"{}\\": \`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 {
background: red;
}
.fixtures-modules-localIdentName-localIdentName___test {
background: blue;
}
.fixtures-modules-localIdentName-localIdentName__className {
background: red;
}
#fixtures-modules-localIdentName-localIdentName__someId {
background: green;
}
.fixtures-modules-localIdentName-localIdentName__className .fixtures-modules-localIdentName-localIdentName__subClass {
color: green;
}
#fixtures-modules-localIdentName-localIdentName__someId .fixtures-modules-localIdentName-localIdentName__subClass {
color: blue;
}
.fixtures-modules-localIdentName-localIdentName__-a0-34a___f {
color: red;
}
.fixtures-modules-localIdentName-localIdentName__m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
.fixtures-modules-localIdentName-localIdentName__B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.fixtures-modules-localIdentName-localIdentName__\\\\3A \\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.fixtures-modules-localIdentName-localIdentName__\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#fixtures-modules-localIdentName-localIdentName__\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#fixtures-modules-localIdentName-localIdentName__-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#fixtures-modules-localIdentName-localIdentName__© {
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__\\\\. { 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; }
.fixtures-modules-localIdentName-localIdentName__foo\\\\/bar {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\/bar\\\\/baz {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar\\\\\\\\baz {
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_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, \`.GG5NOiRT4g06DVEU5tQf {
color: red;
}
h1 .uUkzTtFrPX7DQk7AJn_C {
color: green;
}
.d2SVtvxeS3c0zw1j0XY3 h1 {
color: blue;
}
.uj35KKSMxYrydy9AtwEA h1 .sHauUzQwWo87dp__t_Ug {
color: red;
}
#ebGYgLwRuH_cwCOAeAIf {
color: red;
}
h1 #CEBxO1NI6KSE4aIOEe8g {
color: green;
}
#CIs5QkSldUS9Z6oE85dq h1 {
color: blue;
}
#eEMqyPYFGmm35aX75zy3 h1 #nNXpPpX8pUC5paDKAwBo {
color: red;
}
.G4jxkxdOl0F0aHDyzSab .bar .XbSw2R5rWm8FCPx8AUjP {
color: white;
}
.owPaXiJkt4EitYBDn5Yh .CP7zuaZH99lZJVmJwA3g .vvLsn8M1D1up5NfSbIYh {
color: black;
}
.nnjcLLGI3W9kePCpF3rz {
color: red;
& > span {
color: green;
}
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`GG5NOiRT4g06DVEU5tQf\`,
\\"foo-1\\": \`uUkzTtFrPX7DQk7AJn_C\`,
\\"foo-2\\": \`d2SVtvxeS3c0zw1j0XY3\`,
\\"foo-3\\": \`uj35KKSMxYrydy9AtwEA\`,
\\"foo-4\\": \`sHauUzQwWo87dp__t_Ug\`,
\\"foo-5\\": \`ebGYgLwRuH_cwCOAeAIf\`,
\\"foo-6\\": \`CEBxO1NI6KSE4aIOEe8g\`,
\\"foo-7\\": \`CIs5QkSldUS9Z6oE85dq\`,
\\"foo-8\\": \`eEMqyPYFGmm35aX75zy3\`,
\\"foo-9\\": \`nNXpPpX8pUC5paDKAwBo\`,
\\"bar-1\\": \`G4jxkxdOl0F0aHDyzSab\`,
\\"bar-2\\": \`XbSw2R5rWm8FCPx8AUjP\`,
\\"baz-3\\": \`owPaXiJkt4EitYBDn5Yh\`,
\\"baz\\": \`CP7zuaZH99lZJVmJwA3g\`,
\\"bar-4\\": \`vvLsn8M1D1up5NfSbIYh\`,
\\"test\\": \`nnjcLLGI3W9kePCpF3rz\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and support "pure" mode #2: result 1`] = `
Array [
Array [
"./modules/pure/pure.css",
".GG5NOiRT4g06DVEU5tQf {
color: red;
}
h1 .uUkzTtFrPX7DQk7AJn_C {
color: green;
}
.d2SVtvxeS3c0zw1j0XY3 h1 {
color: blue;
}
.uj35KKSMxYrydy9AtwEA h1 .sHauUzQwWo87dp__t_Ug {
color: red;
}
#ebGYgLwRuH_cwCOAeAIf {
color: red;
}
h1 #CEBxO1NI6KSE4aIOEe8g {
color: green;
}
#CIs5QkSldUS9Z6oE85dq h1 {
color: blue;
}
#eEMqyPYFGmm35aX75zy3 h1 #nNXpPpX8pUC5paDKAwBo {
color: red;
}
.G4jxkxdOl0F0aHDyzSab .bar .XbSw2R5rWm8FCPx8AUjP {
color: white;
}
.owPaXiJkt4EitYBDn5Yh .CP7zuaZH99lZJVmJwA3g .vvLsn8M1D1up5NfSbIYh {
color: black;
}
.nnjcLLGI3W9kePCpF3rz {
color: red;
& > span {
color: green;
}
}
",
"",
],
]
`;
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_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, \`.GG5NOiRT4g06DVEU5tQf {
color: red;
}
h1 .uUkzTtFrPX7DQk7AJn_C {
color: green;
}
.d2SVtvxeS3c0zw1j0XY3 h1 {
color: blue;
}
.uj35KKSMxYrydy9AtwEA h1 .sHauUzQwWo87dp__t_Ug {
color: red;
}
#ebGYgLwRuH_cwCOAeAIf {
color: red;
}
h1 #CEBxO1NI6KSE4aIOEe8g {
color: green;
}
#CIs5QkSldUS9Z6oE85dq h1 {
color: blue;
}
#eEMqyPYFGmm35aX75zy3 h1 #nNXpPpX8pUC5paDKAwBo {
color: red;
}
.G4jxkxdOl0F0aHDyzSab .bar .XbSw2R5rWm8FCPx8AUjP {
color: white;
}
.owPaXiJkt4EitYBDn5Yh .CP7zuaZH99lZJVmJwA3g .vvLsn8M1D1up5NfSbIYh {
color: black;
}
.nnjcLLGI3W9kePCpF3rz {
color: red;
& > span {
color: green;
}
}
\`, \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \`GG5NOiRT4g06DVEU5tQf\`,
\\"foo-1\\": \`uUkzTtFrPX7DQk7AJn_C\`,
\\"foo-2\\": \`d2SVtvxeS3c0zw1j0XY3\`,
\\"foo-3\\": \`uj35KKSMxYrydy9AtwEA\`,
\\"foo-4\\": \`sHauUzQwWo87dp__t_Ug\`,
\\"foo-5\\": \`ebGYgLwRuH_cwCOAeAIf\`,
\\"foo-6\\": \`CEBxO1NI6KSE4aIOEe8g\`,
\\"foo-7\\": \`CIs5QkSldUS9Z6oE85dq\`,
\\"foo-8\\": \`eEMqyPYFGmm35aX75zy3\`,
\\"foo-9\\": \`nNXpPpX8pUC5paDKAwBo\`,
\\"bar-1\\": \`G4jxkxdOl0F0aHDyzSab\`,
\\"bar-2\\": \`XbSw2R5rWm8FCPx8AUjP\`,
\\"baz-3\\": \`owPaXiJkt4EitYBDn5Yh\`,
\\"baz\\": \`CP7zuaZH99lZJVmJwA3g\`,
\\"bar-4\\": \`vvLsn8M1D1up5NfSbIYh\`,
\\"test\\": \`nnjcLLGI3W9kePCpF3rz\`
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and support "pure" mode: result 1`] = `
Array [
Array [
"./modules/pure/pure.css",
".GG5NOiRT4g06DVEU5tQf {
color: red;
}
h1 .uUkzTtFrPX7DQk7AJn_C {
color: green;
}
.d2SVtvxeS3c0zw1j0XY3 h1 {
color: blue;
}
.uj35KKSMxYrydy9AtwEA h1 .sHauUzQwWo87dp__t_Ug {
color: red;
}
#ebGYgLwRuH_cwCOAeAIf {
color: red;
}
h1 #CEBxO1NI6KSE4aIOEe8g {
color: green;
}
#CIs5QkSldUS9Z6oE85dq h1 {
color: blue;
}
#eEMqyPYFGmm35aX75zy3 h1 #nNXpPpX8pUC5paDKAwBo {
color: red;
}
.G4jxkxdOl0F0aHDyzSab .bar .XbSw2R5rWm8FCPx8AUjP {
color: white;
}
.owPaXiJkt4EitYBDn5Yh .CP7zuaZH99lZJVmJwA3g .vvLsn8M1D1up5NfSbIYh {
color: black;
}
.nnjcLLGI3W9kePCpF3rz {
color: red;
& > span {
color: green;
}
}
",
"",
],
]
`;
exports[`"modules" option should work and support "pure" mode: warnings 1`] = `Array []`;
exports[`"modules" option should work js template with "namedExport" option when "exportLocalsConvention" option is function: errors 1`] = `Array []`;
exports[`"modules" option should work js template with "namedExport" option when "exportLocalsConvention" option is function: 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, \`.header-baz {
color: red;
}
.body {
color: coral;
}
.footer {
color: blue;
}
\`, \\"\\"]);
// Exports
export var header_baz_TEST = \`header-baz\`;
export var body_TEST = \`body\`;
export var footer_TEST = \`footer\`;
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work js template with "namedExport" option when "exportLocalsConvention" option is function: result 1`] = `
Object {
"css": Array [
Array [
"./modules/namedExport/template-2/index.css",
".header-baz {
color: red;
}
.body {
color: coral;
}
.footer {
color: blue;
}
",
"",
],
],
"html": "