diff --git a/README.md b/README.md index df41b3d2..9179e787 100644 --- a/README.md +++ b/README.md @@ -317,6 +317,7 @@ module.exports = { Using `local` value requires you to specify `:global` classes. Using `global` value requires you to specify `:local` classes. +Using `pure` value requires selectors must contain at least one local class or id. You can find more information [here](https://github.com/css-modules/css-modules). diff --git a/src/options.json b/src/options.json index 2e90393a..efa13be8 100644 --- a/src/options.json +++ b/src/options.json @@ -30,14 +30,14 @@ "type": "boolean" }, { - "enum": ["local", "global"] + "enum": ["local", "global", "pure"] }, { "type": "object", "additionalProperties": false, "properties": { "mode": { - "enum": ["local", "global"] + "enum": ["local", "global", "pure"] }, "localIdentName": { "type": "string" diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap index 6a66d66b..db3290d8 100644 --- a/test/__snapshots__/import-option.test.js.snap +++ b/test/__snapshots__/import-option.test.js.snap @@ -364,1152 +364,6 @@ exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\ exports[`import option false: warnings 1`] = `Array []`; -exports[`import option true and modules \`false\`: errors 1`] = `Array []`; - -exports[`import option true and modules \`false\`: module (evaluated) 1`] = ` -Array [ - Array [ - 2, - ".test { - a: a; -} -", - "", - ], - Array [ - 3, - ".test { - a: a; -} -", - "screen and print", - ], - Array [ - 5, - "a { - b: b; -} -", - "((min-width: 100px)) and (screen and print)", - ], - Array [ - 4, - ".test { - c: c; -} -", - "screen and print", - ], - Array [ - 1, - "@import url(http://example.com/style.css);", - ], - Array [ - 1, - "@import url(http://example.com/style.css#hash);", - ], - Array [ - 1, - "@import url(http://example.com/style.css?#hash);", - ], - Array [ - 1, - "@import url(http://example.com/style.css?foo=bar#hash);", - ], - Array [ - 1, - "@import url(http://example.com/other-style.css);", - "screen and print", - ], - Array [ - 1, - "@import url(//example.com/style.css);", - ], - Array [ - 6, - ".test { - d: d -} -", - "", - ], - Array [ - 7, - ".query { - e: e; -} -", - "", - ], - Array [ - 8, - ".other-query { - f: f; -} -", - "", - ], - Array [ - 9, - ".other-query { - f: f; -} -", - "screen and print", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Roboto);", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);", - ], - Array [ - 10, - ".relative { - color: red; -} -", - "", - ], - Array [ - 11, - ".top-relative { - color: black; -} -", - "", - ], - Array [ - 12, - ".tilde { - color: yellow; -} -", - "", - ], - Array [ - 13, - ".alias { - color: red; -} -", - "", - ], - Array [ - 14, - ".background-imported { - background: url(/webpack/public/path/img.png); -} -", - "", - ], - Array [ - 1, - "@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(/webpack/public/path/img.png); -} -", - "", - ], -] -`; - -exports[`import option true and modules \`false\`: module 1`] = ` -"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); -// Imports -var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img.png\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_3___, \\"(min-width: 100px)\\"); -exports.push([module.id, \\"@import url(http://example.com/style.css);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and print\\"]); -exports.push([module.id, \\"@import url(//example.com/style.css);\\"]); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_10___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_11___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_12___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_13___, \\"screen and print\\"); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_17___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_18___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_19___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_20___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_21___); -var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); -// Module -exports.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); -" -`; - -exports[`import option true and modules \`false\`: warnings 1`] = ` -Array [ - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(12:1) Unable to find uri in '@import url()'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(13:1) Unable to find uri in '@import url('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(14:1) Unable to find uri in '@import url(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(17:1) Unable to find uri in '@import '''", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(18:1) Unable to find uri in '@import \\"\\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(19:1) Unable to find uri in '@import \\" \\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(20:1) Unable to find uri in '@import \\" -\\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(22:1) Unable to find uri in '@import url()'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(23:1) Unable to find uri in '@import url('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(24:1) Unable to find uri in '@import url(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(40:1) Unable to find uri in '@import '", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(41:1) Unable to find uri in '@import foo-bar'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.", -] -`; - -exports[`import option true and modules \`global\`: errors 1`] = `Array []`; - -exports[`import option true and modules \`global\`: module (evaluated) 1`] = ` -Array [ - Array [ - 2, - ".test { - a: a; -} -", - "", - ], - Array [ - 3, - ".test { - a: a; -} -", - "screen and print", - ], - Array [ - 5, - "a { - b: b; -} -", - "((min-width: 100px)) and (screen and print)", - ], - Array [ - 4, - ".test { - c: c; -} -", - "screen and print", - ], - Array [ - 1, - "@import url(http://example.com/style.css);", - ], - Array [ - 1, - "@import url(http://example.com/style.css#hash);", - ], - Array [ - 1, - "@import url(http://example.com/style.css?#hash);", - ], - Array [ - 1, - "@import url(http://example.com/style.css?foo=bar#hash);", - ], - Array [ - 1, - "@import url(http://example.com/other-style.css);", - "screen and print", - ], - Array [ - 1, - "@import url(//example.com/style.css);", - ], - Array [ - 6, - ".test { - d: d -} -", - "", - ], - Array [ - 7, - ".query { - e: e; -} -", - "", - ], - Array [ - 8, - ".other-query { - f: f; -} -", - "", - ], - Array [ - 9, - ".other-query { - f: f; -} -", - "screen and print", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Roboto);", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);", - ], - Array [ - 10, - ".relative { - color: red; -} -", - "", - ], - Array [ - 11, - ".top-relative { - color: black; -} -", - "", - ], - Array [ - 12, - ".tilde { - color: yellow; -} -", - "", - ], - Array [ - 13, - ".alias { - color: red; -} -", - "", - ], - Array [ - 14, - ".background-imported { - background: url(/webpack/public/path/img.png); -} -", - "", - ], - Array [ - 1, - "@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(/webpack/public/path/img.png); -} -", - "", - ], -] -`; - -exports[`import option true and modules \`global\`: module 1`] = ` -"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); -// Imports -var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img.png\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_3___, \\"(min-width: 100px)\\"); -exports.push([module.id, \\"@import url(http://example.com/style.css);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and print\\"]); -exports.push([module.id, \\"@import url(//example.com/style.css);\\"]); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_10___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_11___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_12___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_13___, \\"screen and print\\"); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_17___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_18___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_19___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_20___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_21___); -var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); -// Module -exports.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); -" -`; - -exports[`import option true and modules \`global\`: warnings 1`] = ` -Array [ - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(12:1) Unable to find uri in '@import url()'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(13:1) Unable to find uri in '@import url('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(14:1) Unable to find uri in '@import url(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(17:1) Unable to find uri in '@import '''", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(18:1) Unable to find uri in '@import \\"\\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(19:1) Unable to find uri in '@import \\" \\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(20:1) Unable to find uri in '@import \\" -\\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(22:1) Unable to find uri in '@import url()'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(23:1) Unable to find uri in '@import url('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(24:1) Unable to find uri in '@import url(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(40:1) Unable to find uri in '@import '", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(41:1) Unable to find uri in '@import foo-bar'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.", -] -`; - -exports[`import option true and modules \`local\`: errors 1`] = `Array []`; - -exports[`import option true and modules \`local\`: module (evaluated) 1`] = ` -Array [ - Array [ - 2, - "._3fDHa2l1HOcl9VXVfSKtB7 { - a: a; -} -", - "", - ], - Array [ - 3, - "._3fDHa2l1HOcl9VXVfSKtB7 { - a: a; -} -", - "screen and print", - ], - Array [ - 5, - "a { - b: b; -} -", - "((min-width: 100px)) and (screen and print)", - ], - Array [ - 4, - ".f63QYE3dlpdhZuYg8R4pd { - c: c; -} -", - "screen and print", - ], - Array [ - 1, - "@import url(http://example.com/style.css);", - ], - Array [ - 1, - "@import url(http://example.com/style.css#hash);", - ], - Array [ - 1, - "@import url(http://example.com/style.css?#hash);", - ], - Array [ - 1, - "@import url(http://example.com/style.css?foo=bar#hash);", - ], - Array [ - 1, - "@import url(http://example.com/other-style.css);", - "screen and print", - ], - Array [ - 1, - "@import url(//example.com/style.css);", - ], - Array [ - 6, - "._1lN7KGFmbEaXH8rJdLC9cT { - d: d -} -", - "", - ], - Array [ - 7, - "._2FiPFdRUJ6bc--oLN32vUX { - e: e; -} -", - "", - ], - Array [ - 8, - "._2nQ7ONr22lmMu683ljj0MN { - f: f; -} -", - "", - ], - Array [ - 9, - "._2nQ7ONr22lmMu683ljj0MN { - f: f; -} -", - "screen and print", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Roboto);", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);", - ], - Array [ - 10, - "._37G_Iu-0wcPjXN9ZhzZjlT { - color: red; -} -", - "", - ], - Array [ - 11, - "._4a-iWS8tumU5J8-oW8LlR { - color: black; -} -", - "", - ], - Array [ - 12, - "._2VXavzz3TUKPrbI3S1tkrW { - color: yellow; -} -", - "", - ], - Array [ - 13, - "._2E2zpPgFs4vJaVymauWk3p { - color: red; -} -", - "", - ], - Array [ - 14, - "._1N9oVhfOd30-kQu9zrdhrJ { - background: url(/webpack/public/path/img.png); -} -", - "", - ], - Array [ - 1, - "@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 {} - -.hnxX78DgkaA2kCp_BPbLd { - a: b c d; -} - -._1Lug_45kZL-M7XuNeM4SCw { - @import 'path.css'; -} - -._1E9CLkKp-0idM8IkvZwXn9 { - background: url(/webpack/public/path/img.png); -} -", - "", - ], -] -`; - -exports[`import option true and modules \`local\`: module 1`] = ` -"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); -// Imports -var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img.png\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_3___, \\"(min-width: 100px)\\"); -exports.push([module.id, \\"@import url(http://example.com/style.css);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and print\\"]); -exports.push([module.id, \\"@import url(//example.com/style.css);\\"]); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_10___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_11___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_12___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_13___, \\"screen and print\\"); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_17___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_18___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_19___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_20___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_21___); -var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); -// Module -exports.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.hnxX78DgkaA2kCp_BPbLd {\\\\n a: b c d;\\\\n}\\\\n\\\\n._1Lug_45kZL-M7XuNeM4SCw {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n._1E9CLkKp-0idM8IkvZwXn9 {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); -// Exports -exports.locals = { - \\"class\\": \\"hnxX78DgkaA2kCp_BPbLd\\", - \\"foo\\": \\"_1Lug_45kZL-M7XuNeM4SCw\\", - \\"background\\": \\"_1E9CLkKp-0idM8IkvZwXn9\\" -};" -`; - -exports[`import option true and modules \`local\`: warnings 1`] = ` -Array [ - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(12:1) Unable to find uri in '@import url()'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(13:1) Unable to find uri in '@import url('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(14:1) Unable to find uri in '@import url(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(17:1) Unable to find uri in '@import '''", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(18:1) Unable to find uri in '@import \\"\\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(19:1) Unable to find uri in '@import \\" \\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(20:1) Unable to find uri in '@import \\" -\\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(22:1) Unable to find uri in '@import url()'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(23:1) Unable to find uri in '@import url('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(24:1) Unable to find uri in '@import url(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(40:1) Unable to find uri in '@import '", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(41:1) Unable to find uri in '@import foo-bar'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.", -] -`; - -exports[`import option true and modules \`true\`: errors 1`] = `Array []`; - -exports[`import option true and modules \`true\`: module (evaluated) 1`] = ` -Array [ - Array [ - 2, - "._3fDHa2l1HOcl9VXVfSKtB7 { - a: a; -} -", - "", - ], - Array [ - 3, - "._3fDHa2l1HOcl9VXVfSKtB7 { - a: a; -} -", - "screen and print", - ], - Array [ - 5, - "a { - b: b; -} -", - "((min-width: 100px)) and (screen and print)", - ], - Array [ - 4, - ".f63QYE3dlpdhZuYg8R4pd { - c: c; -} -", - "screen and print", - ], - Array [ - 1, - "@import url(http://example.com/style.css);", - ], - Array [ - 1, - "@import url(http://example.com/style.css#hash);", - ], - Array [ - 1, - "@import url(http://example.com/style.css?#hash);", - ], - Array [ - 1, - "@import url(http://example.com/style.css?foo=bar#hash);", - ], - Array [ - 1, - "@import url(http://example.com/other-style.css);", - "screen and print", - ], - Array [ - 1, - "@import url(//example.com/style.css);", - ], - Array [ - 6, - "._1lN7KGFmbEaXH8rJdLC9cT { - d: d -} -", - "", - ], - Array [ - 7, - "._2FiPFdRUJ6bc--oLN32vUX { - e: e; -} -", - "", - ], - Array [ - 8, - "._2nQ7ONr22lmMu683ljj0MN { - f: f; -} -", - "", - ], - Array [ - 9, - "._2nQ7ONr22lmMu683ljj0MN { - f: f; -} -", - "screen and print", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Roboto);", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);", - ], - Array [ - 1, - "@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);", - ], - Array [ - 10, - "._37G_Iu-0wcPjXN9ZhzZjlT { - color: red; -} -", - "", - ], - Array [ - 11, - "._4a-iWS8tumU5J8-oW8LlR { - color: black; -} -", - "", - ], - Array [ - 12, - "._2VXavzz3TUKPrbI3S1tkrW { - color: yellow; -} -", - "", - ], - Array [ - 13, - "._2E2zpPgFs4vJaVymauWk3p { - color: red; -} -", - "", - ], - Array [ - 14, - "._1N9oVhfOd30-kQu9zrdhrJ { - background: url(/webpack/public/path/img.png); -} -", - "", - ], - Array [ - 1, - "@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 {} - -.hnxX78DgkaA2kCp_BPbLd { - a: b c d; -} - -._1Lug_45kZL-M7XuNeM4SCw { - @import 'path.css'; -} - -._1E9CLkKp-0idM8IkvZwXn9 { - background: url(/webpack/public/path/img.png); -} -", - "", - ], -] -`; - -exports[`import option true and modules \`true\`: module 1`] = ` -"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); -// Imports -var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_AT_RULE_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img.png\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_3___, \\"(min-width: 100px)\\"); -exports.push([module.id, \\"@import url(http://example.com/style.css);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]); -exports.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and print\\"]); -exports.push([module.id, \\"@import url(//example.com/style.css);\\"]); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_10___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_11___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_12___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_13___, \\"screen and print\\"); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]); -exports.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_17___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_18___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_19___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_20___); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_21___); -var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); -// Module -exports.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.hnxX78DgkaA2kCp_BPbLd {\\\\n a: b c d;\\\\n}\\\\n\\\\n._1Lug_45kZL-M7XuNeM4SCw {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n._1E9CLkKp-0idM8IkvZwXn9 {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); -// Exports -exports.locals = { - \\"class\\": \\"hnxX78DgkaA2kCp_BPbLd\\", - \\"foo\\": \\"_1Lug_45kZL-M7XuNeM4SCw\\", - \\"background\\": \\"_1E9CLkKp-0idM8IkvZwXn9\\" -};" -`; - -exports[`import option true and modules \`true\`: warnings 1`] = ` -Array [ - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(12:1) Unable to find uri in '@import url()'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(13:1) Unable to find uri in '@import url('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(14:1) Unable to find uri in '@import url(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(17:1) Unable to find uri in '@import '''", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(18:1) Unable to find uri in '@import \\"\\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(19:1) Unable to find uri in '@import \\" \\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(20:1) Unable to find uri in '@import \\" -\\"'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(22:1) Unable to find uri in '@import url()'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(23:1) Unable to find uri in '@import url('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(24:1) Unable to find uri in '@import url(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(40:1) Unable to find uri in '@import '", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(41:1) Unable to find uri in '@import foo-bar'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.", -] -`; - exports[`import option true: errors 1`] = `Array []`; exports[`import option true: module (evaluated) 1`] = ` diff --git a/test/__snapshots__/modules-option.test.js.snap b/test/__snapshots__/modules-option.test.js.snap index 8a87fd13..4deb1568 100644 --- a/test/__snapshots__/modules-option.test.js.snap +++ b/test/__snapshots__/modules-option.test.js.snap @@ -8136,3 +8136,80 @@ Array [ `; exports[`modules should saves underscore prefix in exported class names with localIdentName option: warnings 1`] = `Array []`; + +exports[`modules should support "pure" value: errors 1`] = `Array []`; + +exports[`modules should support "pure" value: module (evaluated) 1`] = ` +Array [ + Array [ + 1, + "._3nNRq3PQ9uK67a19lT8NHq { + color: red; +} + +h1 ._2-tJ-0L9xa__ypZabJN82L { + color: green; +} + +._1ItNtG9CwOxu2Vxb-etJHN h1 { + color: blue; +} + +.SDNtlQ92cFx6fiH6yuh5K h1 ._35UJyh7y0HgDlh3_YNNxbm { + color: red; +} + +#_15-F5dpJOOl0BGWwx4yHdh { + color: red; +} + +h1 #_1NoAfl4L6pYsi53yvE4szS { + color: green; +} + +#Gf_c6hz7pPUKG_4DBKZX_ h1 { + color: blue; +} + +#gcol1OF3vPJZQgK7JWvsX h1 #_3vlp1YEgWrcYSofV_DbgLl { + color: red; +} + +._1aIXXfKePbQyIoBtx5r_i3 .bar ._1yneLDnIvMLhNduXi5yqqV { + color: white; +} + +._2u-qJxyLPtRRB90K5UQGa1 .Xt6ycOTkGG2zy0zRDe6BK ._3M5wEyAlDWBbzYBzLLARxJ { + color: black; +} +", + "", + ], +] +`; + +exports[`modules should support "pure" value: module 1`] = ` +"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); +// Module +exports.push([module.id, \\"._3nNRq3PQ9uK67a19lT8NHq {\\\\n color: red;\\\\n}\\\\n\\\\nh1 ._2-tJ-0L9xa__ypZabJN82L {\\\\n color: green;\\\\n}\\\\n\\\\n._1ItNtG9CwOxu2Vxb-etJHN h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n.SDNtlQ92cFx6fiH6yuh5K h1 ._35UJyh7y0HgDlh3_YNNxbm {\\\\n color: red;\\\\n}\\\\n\\\\n#_15-F5dpJOOl0BGWwx4yHdh {\\\\n color: red;\\\\n}\\\\n\\\\nh1 #_1NoAfl4L6pYsi53yvE4szS {\\\\n color: green;\\\\n}\\\\n\\\\n#Gf_c6hz7pPUKG_4DBKZX_ h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n#gcol1OF3vPJZQgK7JWvsX h1 #_3vlp1YEgWrcYSofV_DbgLl {\\\\n color: red;\\\\n}\\\\n\\\\n._1aIXXfKePbQyIoBtx5r_i3 .bar ._1yneLDnIvMLhNduXi5yqqV {\\\\n color: white;\\\\n}\\\\n\\\\n._2u-qJxyLPtRRB90K5UQGa1 .Xt6ycOTkGG2zy0zRDe6BK ._3M5wEyAlDWBbzYBzLLARxJ {\\\\n color: black;\\\\n}\\\\n\\", \\"\\"]); +// Exports +exports.locals = { + \\"foo\\": \\"_3nNRq3PQ9uK67a19lT8NHq\\", + \\"foo-1\\": \\"_2-tJ-0L9xa__ypZabJN82L\\", + \\"foo-2\\": \\"_1ItNtG9CwOxu2Vxb-etJHN\\", + \\"foo-3\\": \\"SDNtlQ92cFx6fiH6yuh5K\\", + \\"foo-4\\": \\"_35UJyh7y0HgDlh3_YNNxbm\\", + \\"foo-5\\": \\"_15-F5dpJOOl0BGWwx4yHdh\\", + \\"foo-6\\": \\"_1NoAfl4L6pYsi53yvE4szS\\", + \\"foo-7\\": \\"Gf_c6hz7pPUKG_4DBKZX_\\", + \\"foo-8\\": \\"gcol1OF3vPJZQgK7JWvsX\\", + \\"foo-9\\": \\"_3vlp1YEgWrcYSofV_DbgLl\\", + \\"bar-1\\": \\"_1aIXXfKePbQyIoBtx5r_i3\\", + \\"bar-2\\": \\"_1yneLDnIvMLhNduXi5yqqV\\", + \\"baz-3\\": \\"_2u-qJxyLPtRRB90K5UQGa1\\", + \\"baz\\": \\"Xt6ycOTkGG2zy0zRDe6BK\\", + \\"bar-4\\": \\"_3M5wEyAlDWBbzYBzLLARxJ\\" +};" +`; + +exports[`modules should support "pure" value: warnings 1`] = `Array []`; diff --git a/test/__snapshots__/onlyLocals-option.test.js.snap b/test/__snapshots__/onlyLocals-option.test.js.snap index dcad8961..7e78cd1a 100644 --- a/test/__snapshots__/onlyLocals-option.test.js.snap +++ b/test/__snapshots__/onlyLocals-option.test.js.snap @@ -1,8 +1,8 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`modules true (mode: local): errors 1`] = `Array []`; +exports[`modules true: errors 1`] = `Array []`; -exports[`modules true (mode: local): module 1`] = ` +exports[`modules true: module 1`] = ` "// Imports var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./values.css\\"); var ___CSS_LOADER_ICSS_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./something.css\\"); @@ -61,7 +61,7 @@ module.exports = { };" `; -exports[`modules true (mode: local): values module 1`] = ` +exports[`modules true: values module 1`] = ` "// Exports module.exports = { \\"v-def\\": \\"red\\", @@ -71,4 +71,4 @@ module.exports = { };" `; -exports[`modules true (mode: local): warnings 1`] = `Array []`; +exports[`modules true: warnings 1`] = `Array []`; diff --git a/test/__snapshots__/url-option.test.js.snap b/test/__snapshots__/url-option.test.js.snap index 81258846..95105c49 100644 --- a/test/__snapshots__/url-option.test.js.snap +++ b/test/__snapshots__/url-option.test.js.snap @@ -700,1720 +700,6 @@ exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\ exports[`url option false: warnings 1`] = `Array []`; -exports[`url option true and modules \`false\`: errors 1`] = `Array []`; - -exports[`url option true and modules \`false\`: module (evaluated) 1`] = ` -Array [ - Array [ - 2, - ".bar { - background: url(/webpack/public/path/img-from-imported.png); -} -", - "", - ], - Array [ - 1, - ".class { - background: url(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png#hash); -} - -.class { - background: url( - /webpack/public/path/img.png - ); -} - -.class { - background: green url( /webpack/public/path/img.png ) xyz; -} - -.class { - background: green url( /webpack/public/path/img.png ) xyz; -} - -.class { - background: green url( /webpack/public/path/img.png ) xyz; -} - -.class { - background: green url(/webpack/public/path/img.png) url(/webpack/public/path/other-img.png) xyz; -} - -.class { - background: green url( \\"/webpack/public/path/img img.png\\" ) xyz; -} - -.class { - background: green url( \\"/webpack/public/path/img img.png\\" ) xyz; -} - -.class { - background: green url(/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(255%2C255%2C255%2C1)%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(/webpack/public/path/font.woff) format('woff'), - url(/webpack/public/path/font.woff2) format('woff2'), - url(/webpack/public/path/font.eot) format('eot'), - url(/webpack/public/path/font.ttf) format('truetype'), - url(\\"/webpack/public/path/font with spaces.eot\\") format(\\"embedded-opentype\\"), - url(/webpack/public/path/font.svg#svgFontName) format('svg'), - url(/webpack/public/path/font.woff2) format('woff2'), - url(/webpack/public/path/font.eot?#iefix) format('embedded-opentype'), - url(\\"/webpack/public/path/font with spaces.eot?#iefix\\") format('embedded-opentype'); -} - -@media (min-width: 500px) { - body { - background: url(/webpack/public/path/img.png); - } -} - -a { - content: \\"do not use url(path)\\"; -} - -b { - content: 'do not \\"use\\" url(path)'; -} - -@keyframes anim { - background: green url(/webpack/public/path/img.png) xyz; -} - -.a { - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x) -} - -.a { - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/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(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png#hash); -} - -.class { - background: url(/webpack/public/path/img.png#hash); -} - -.class { - background: url(/webpack/public/path/img.png); -} - -.class { - background-image: url(/webpack/public/path/img.png) url(\\"data:image/svg+xml;charset=utf-8,\\") url(/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(/webpack/public/path/img-simple.png); -} - -.not-resolved { - background: url('/img-simple.png'); -} - -.above-below { - background: url(/webpack/public/path/img-simple.png); -} - -.tilde { - background: url(/webpack/public/path/img.png); -} - -.aliases { - background: url(/webpack/public/path/img.png); -} - -a { - background: url(/webpack/public/path/img.png); -} - -a { - background: url(/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(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img img.png\\" 1x, \\"/webpack/public/path/img img.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x), - image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set( - \\"/webpack/public/path/img1x.png\\" 1x, - \\"/webpack/public/path/img2x.png\\" 2x, - \\"/webpack/public/path/img3x.png\\" 600dpi - ); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png#hash\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png?#iefix\\" 1x); - - /* With \`url\` function */ - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x); - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x); - background-image: -webkit-image-set( - url(/webpack/public/path/img1x.png) 1x - ); - background-image: image-set(url(/webpack/public/path/img1x.png) 1x); - background-image: image-set( - url(/webpack/public/path/img1x.png) 1x - ); - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x); - background-image: image-set( - url(/webpack/public/path/img1x.png) 1x, - url(/webpack/public/path/img2x.png) 2x, - url(/webpack/public/path/img3x.png) 600dpi - ); - background-image: image-set(url(\\"/webpack/public/path/img img.png\\") 1x, url(\\"/webpack/public/path/img img.png\\") 2x); - - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, \\"/webpack/public/path/img2x.png\\" 2x); -} -", - "", - ], -] -`; - -exports[`url option true and modules \`false\`: module 1`] = ` -"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); -// Imports -var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_2___ = require(\\"package/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_3___ = require(\\"./other-img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_4___ = require(\\"./img img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_5___ = require(\\"./font.woff\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_6___ = require(\\"./font.woff2\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_7___ = require(\\"./font.eot\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_8___ = require(\\"package/font.ttf\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_9___ = require(\\"./font with spaces.eot\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_10___ = require(\\"./font.svg\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_11___ = require(\\"./font.woff2?foo=bar\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_14___ = require(\\"./img1x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_15___ = require(\\"./img2x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_16___ = require(\\"./img.png?foo\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_17___ = require(\\"./img.png?foo=bar\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_19___ = require(\\"./img.png?\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_20___ = require(\\"./img-simple.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_21___ = require(\\"../url/img-simple.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_22___ = require(\\"aliasesImg/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_23___ = require(\\"./nested/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_24___ = require(\\"./nested/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_28___ = require(\\"./img3x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_29___ = require(\\"./img1x.png?foo=bar\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); -var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); -var ___CSS_LOADER_URL_IMPORT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___, { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_IMPORT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_2___); -var ___CSS_LOADER_URL_IMPORT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_3___); -var ___CSS_LOADER_URL_IMPORT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___); -var ___CSS_LOADER_URL_IMPORT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_5___); -var ___CSS_LOADER_URL_IMPORT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_6___); -var ___CSS_LOADER_URL_IMPORT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_7___); -var ___CSS_LOADER_URL_IMPORT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_8___); -var ___CSS_LOADER_URL_IMPORT_9___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___); -var ___CSS_LOADER_URL_IMPORT_10___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_10___, { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_IMPORT_11___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_11___); -var ___CSS_LOADER_URL_IMPORT_12___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_7___, { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_IMPORT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___, { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_IMPORT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___); -var ___CSS_LOADER_URL_IMPORT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___); -var ___CSS_LOADER_URL_IMPORT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_16___); -var ___CSS_LOADER_URL_IMPORT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_17___); -var ___CSS_LOADER_URL_IMPORT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_17___, { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_IMPORT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_19___); -var ___CSS_LOADER_URL_IMPORT_20___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_20___); -var ___CSS_LOADER_URL_IMPORT_21___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_21___); -var ___CSS_LOADER_URL_IMPORT_22___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_22___); -var ___CSS_LOADER_URL_IMPORT_23___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_23___); -var ___CSS_LOADER_URL_IMPORT_24___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_24___); -var ___CSS_LOADER_URL_IMPORT_25___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_26___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_27___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_28___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_28___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_29___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_29___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_30___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_31___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_32___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_28___); -// Module -exports.push([module.id, \\".class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\") url(\\" + ___CSS_LOADER_URL_IMPORT_3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(/img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n 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\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n filter: url('data:image/svg+xml;charset=utf-8,#filter');\\\\n}\\\\n\\\\n.class {\\\\n 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(255%2C255%2C255%2C1)%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');\\\\n}\\\\n\\\\n.highlight {\\\\n filter: url(#highlight);\\\\n}\\\\n\\\\n.highlight {\\\\n filter: url('#line-marker');\\\\n}\\\\n\\\\n@font-face {\\\\n src: url(\\" + ___CSS_LOADER_URL_IMPORT_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n }\\\\n}\\\\n\\\\na {\\\\n content: \\\\\\"do not use url(path)\\\\\\";\\\\n}\\\\n\\\\nb {\\\\n content: 'do not \\\\\\"use\\\\\\" url(path)';\\\\n}\\\\n\\\\n@keyframes anim {\\\\n background: green url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x)\\\\n}\\\\n\\\\n.class {\\\\n background: green url() xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url('') xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\\\\\"\\\\\\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(' ') xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\\\n ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: ___CSS_LOADER_URL___;\\\\n background: ___CSS_LOADER_URL___INDEX___;\\\\n background: ___CSS_LOADER_URL___99999___;\\\\n background: ___CSS_LOADER_IMPORT___;\\\\n background: ___CSS_LOADER_IMPORT___INDEX___;\\\\n background: ___CSS_LOADER_IMPORT___99999___;\\\\n}\\\\n\\\\n.pure-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_24___ + \\");\\\\n}\\\\n\\\\n@font-face {\\\\n src: url(\\\\\\"//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n /* Broken */\\\\n background-image: -webkit-image-set();\\\\n background-image: -webkit-image-set('');\\\\n background-image: image-set();\\\\n background-image: image-set('');\\\\n background-image: image-set(\\\\\\"\\\\\\");\\\\n background-image: image-set(\\\\\\"\\\\\\" 1x);\\\\n background-image: image-set(url());\\\\n background-image: image-set(\\\\n url()\\\\n );\\\\n background-image: image-set(URL());\\\\n background-image: image-set(url(''));\\\\n background-image: image-set(url(\\\\\\"\\\\\\"));\\\\n background-image: image-set(url('') 1x);\\\\n background-image: image-set(1x);\\\\n background-image: image-set(\\\\n 1x\\\\n );\\\\n background: image-set(calc(1rem + 1px) 1x);\\\\n\\\\n /* Strings */\\\\n background-image: -webkit-image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); -" -`; - -exports[`url option true and modules \`false\`: warnings 1`] = ` -Array [ - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(120:3) Unable to find uri in 'background: green url() xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(124:3) Unable to find uri in 'background: green url('') xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(128:3) Unable to find uri in 'background: green url(\\"\\") xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(132:3) Unable to find uri in 'background: green url(' ') xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(136:3) Unable to find uri in 'background: green url( - ) xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(216:3) Unable to find uri in 'background-image: -webkit-image-set('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(218:3) Unable to find uri in 'background-image: image-set('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(219:3) Unable to find uri in 'background-image: image-set(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(220:3) Unable to find uri in 'background-image: image-set(\\"\\" 1x)'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(221:3) Unable to find uri in 'background-image: image-set(url())'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(222:3) Unable to find uri in 'background-image: image-set( - url() - )'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(225:3) Unable to find uri in 'background-image: image-set(URL())'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(226:3) Unable to find uri in 'background-image: image-set(url(''))'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(227:3) Unable to find uri in 'background-image: image-set(url(\\"\\"))'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(228:3) Unable to find uri in 'background-image: image-set(url('') 1x)'", -] -`; - -exports[`url option true and modules \`global\`: errors 1`] = `Array []`; - -exports[`url option true and modules \`global\`: module (evaluated) 1`] = ` -Array [ - Array [ - 2, - ".bar { - background: url(/webpack/public/path/img-from-imported.png); -} -", - "", - ], - Array [ - 1, - ".class { - background: url(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png#hash); -} - -.class { - background: url( - /webpack/public/path/img.png - ); -} - -.class { - background: green url( /webpack/public/path/img.png ) xyz; -} - -.class { - background: green url( /webpack/public/path/img.png ) xyz; -} - -.class { - background: green url( /webpack/public/path/img.png ) xyz; -} - -.class { - background: green url(/webpack/public/path/img.png) url(/webpack/public/path/other-img.png) xyz; -} - -.class { - background: green url( \\"/webpack/public/path/img img.png\\" ) xyz; -} - -.class { - background: green url( \\"/webpack/public/path/img img.png\\" ) xyz; -} - -.class { - background: green url(/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(255%2C255%2C255%2C1)%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(/webpack/public/path/font.woff) format('woff'), - url(/webpack/public/path/font.woff2) format('woff2'), - url(/webpack/public/path/font.eot) format('eot'), - url(/webpack/public/path/font.ttf) format('truetype'), - url(\\"/webpack/public/path/font with spaces.eot\\") format(\\"embedded-opentype\\"), - url(/webpack/public/path/font.svg#svgFontName) format('svg'), - url(/webpack/public/path/font.woff2) format('woff2'), - url(/webpack/public/path/font.eot?#iefix) format('embedded-opentype'), - url(\\"/webpack/public/path/font with spaces.eot?#iefix\\") format('embedded-opentype'); -} - -@media (min-width: 500px) { - body { - background: url(/webpack/public/path/img.png); - } -} - -a { - content: \\"do not use url(path)\\"; -} - -b { - content: 'do not \\"use\\" url(path)'; -} - -@keyframes anim { - background: green url(/webpack/public/path/img.png) xyz; -} - -.a { - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x) -} - -.a { - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/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(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png); -} - -.class { - background: url(/webpack/public/path/img.png#hash); -} - -.class { - background: url(/webpack/public/path/img.png#hash); -} - -.class { - background: url(/webpack/public/path/img.png); -} - -.class { - background-image: url(/webpack/public/path/img.png) url(\\"data:image/svg+xml;charset=utf-8,\\") url(/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(/webpack/public/path/img-simple.png); -} - -.not-resolved { - background: url('/img-simple.png'); -} - -.above-below { - background: url(/webpack/public/path/img-simple.png); -} - -.tilde { - background: url(/webpack/public/path/img.png); -} - -.aliases { - background: url(/webpack/public/path/img.png); -} - -a { - background: url(/webpack/public/path/img.png); -} - -a { - background: url(/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(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img img.png\\" 1x, \\"/webpack/public/path/img img.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x), - image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set( - \\"/webpack/public/path/img1x.png\\" 1x, - \\"/webpack/public/path/img2x.png\\" 2x, - \\"/webpack/public/path/img3x.png\\" 600dpi - ); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png#hash\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png?#iefix\\" 1x); - - /* With \`url\` function */ - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x); - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x); - background-image: -webkit-image-set( - url(/webpack/public/path/img1x.png) 1x - ); - background-image: image-set(url(/webpack/public/path/img1x.png) 1x); - background-image: image-set( - url(/webpack/public/path/img1x.png) 1x - ); - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x); - background-image: image-set( - url(/webpack/public/path/img1x.png) 1x, - url(/webpack/public/path/img2x.png) 2x, - url(/webpack/public/path/img3x.png) 600dpi - ); - background-image: image-set(url(\\"/webpack/public/path/img img.png\\") 1x, url(\\"/webpack/public/path/img img.png\\") 2x); - - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, \\"/webpack/public/path/img2x.png\\" 2x); -} -", - "", - ], -] -`; - -exports[`url option true and modules \`global\`: module 1`] = ` -"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); -// Imports -var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_2___ = require(\\"package/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_3___ = require(\\"./other-img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_4___ = require(\\"./img img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_5___ = require(\\"./font.woff\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_6___ = require(\\"./font.woff2\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_7___ = require(\\"./font.eot\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_8___ = require(\\"package/font.ttf\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_9___ = require(\\"./font with spaces.eot\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_10___ = require(\\"./font.svg\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_11___ = require(\\"./font.woff2?foo=bar\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_14___ = require(\\"./img1x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_15___ = require(\\"./img2x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_16___ = require(\\"./img.png?foo\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_17___ = require(\\"./img.png?foo=bar\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_19___ = require(\\"./img.png?\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_20___ = require(\\"./img-simple.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_21___ = require(\\"../url/img-simple.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_22___ = require(\\"aliasesImg/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_23___ = require(\\"./nested/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_24___ = require(\\"./nested/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_28___ = require(\\"./img3x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_29___ = require(\\"./img1x.png?foo=bar\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); -var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); -var ___CSS_LOADER_URL_IMPORT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___, { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_IMPORT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_2___); -var ___CSS_LOADER_URL_IMPORT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_3___); -var ___CSS_LOADER_URL_IMPORT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___); -var ___CSS_LOADER_URL_IMPORT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_5___); -var ___CSS_LOADER_URL_IMPORT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_6___); -var ___CSS_LOADER_URL_IMPORT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_7___); -var ___CSS_LOADER_URL_IMPORT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_8___); -var ___CSS_LOADER_URL_IMPORT_9___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___); -var ___CSS_LOADER_URL_IMPORT_10___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_10___, { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_IMPORT_11___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_11___); -var ___CSS_LOADER_URL_IMPORT_12___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_7___, { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_IMPORT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___, { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_IMPORT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___); -var ___CSS_LOADER_URL_IMPORT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___); -var ___CSS_LOADER_URL_IMPORT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_16___); -var ___CSS_LOADER_URL_IMPORT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_17___); -var ___CSS_LOADER_URL_IMPORT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_17___, { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_IMPORT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_19___); -var ___CSS_LOADER_URL_IMPORT_20___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_20___); -var ___CSS_LOADER_URL_IMPORT_21___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_21___); -var ___CSS_LOADER_URL_IMPORT_22___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_22___); -var ___CSS_LOADER_URL_IMPORT_23___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_23___); -var ___CSS_LOADER_URL_IMPORT_24___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_24___); -var ___CSS_LOADER_URL_IMPORT_25___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_26___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_27___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_28___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_28___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_29___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_29___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_30___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_31___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_32___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_28___); -// Module -exports.push([module.id, \\".class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\") url(\\" + ___CSS_LOADER_URL_IMPORT_3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(/img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n 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\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n filter: url('data:image/svg+xml;charset=utf-8,#filter');\\\\n}\\\\n\\\\n.class {\\\\n 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(255%2C255%2C255%2C1)%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');\\\\n}\\\\n\\\\n.highlight {\\\\n filter: url(#highlight);\\\\n}\\\\n\\\\n.highlight {\\\\n filter: url('#line-marker');\\\\n}\\\\n\\\\n@font-face {\\\\n src: url(\\" + ___CSS_LOADER_URL_IMPORT_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n }\\\\n}\\\\n\\\\na {\\\\n content: \\\\\\"do not use url(path)\\\\\\";\\\\n}\\\\n\\\\nb {\\\\n content: 'do not \\\\\\"use\\\\\\" url(path)';\\\\n}\\\\n\\\\n@keyframes anim {\\\\n background: green url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x)\\\\n}\\\\n\\\\n.class {\\\\n background: green url() xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url('') xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\\\\\"\\\\\\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(' ') xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\\\n ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: ___CSS_LOADER_URL___;\\\\n background: ___CSS_LOADER_URL___INDEX___;\\\\n background: ___CSS_LOADER_URL___99999___;\\\\n background: ___CSS_LOADER_IMPORT___;\\\\n background: ___CSS_LOADER_IMPORT___INDEX___;\\\\n background: ___CSS_LOADER_IMPORT___99999___;\\\\n}\\\\n\\\\n.pure-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_24___ + \\");\\\\n}\\\\n\\\\n@font-face {\\\\n src: url(\\\\\\"//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n /* Broken */\\\\n background-image: -webkit-image-set();\\\\n background-image: -webkit-image-set('');\\\\n background-image: image-set();\\\\n background-image: image-set('');\\\\n background-image: image-set(\\\\\\"\\\\\\");\\\\n background-image: image-set(\\\\\\"\\\\\\" 1x);\\\\n background-image: image-set(url());\\\\n background-image: image-set(\\\\n url()\\\\n );\\\\n background-image: image-set(URL());\\\\n background-image: image-set(url(''));\\\\n background-image: image-set(url(\\\\\\"\\\\\\"));\\\\n background-image: image-set(url('') 1x);\\\\n background-image: image-set(1x);\\\\n background-image: image-set(\\\\n 1x\\\\n );\\\\n background: image-set(calc(1rem + 1px) 1x);\\\\n\\\\n /* Strings */\\\\n background-image: -webkit-image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); -" -`; - -exports[`url option true and modules \`global\`: warnings 1`] = ` -Array [ - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(120:3) Unable to find uri in 'background: green url() xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(124:3) Unable to find uri in 'background: green url('') xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(128:3) Unable to find uri in 'background: green url(\\"\\") xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(132:3) Unable to find uri in 'background: green url(' ') xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(136:3) Unable to find uri in 'background: green url( - ) xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(216:3) Unable to find uri in 'background-image: -webkit-image-set('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(218:3) Unable to find uri in 'background-image: image-set('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(219:3) Unable to find uri in 'background-image: image-set(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(220:3) Unable to find uri in 'background-image: image-set(\\"\\" 1x)'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(221:3) Unable to find uri in 'background-image: image-set(url())'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(222:3) Unable to find uri in 'background-image: image-set( - url() - )'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(225:3) Unable to find uri in 'background-image: image-set(URL())'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(226:3) Unable to find uri in 'background-image: image-set(url(''))'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(227:3) Unable to find uri in 'background-image: image-set(url(\\"\\"))'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(228:3) Unable to find uri in 'background-image: image-set(url('') 1x)'", -] -`; - -exports[`url option true and modules \`local\`: errors 1`] = `Array []`; - -exports[`url option true and modules \`local\`: module (evaluated) 1`] = ` -Array [ - Array [ - 2, - "._2y8zdp_B3r6R32gVxIJYJG { - background: url(/webpack/public/path/img-from-imported.png); -} -", - "", - ], - Array [ - 1, - "._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png#hash); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url( - /webpack/public/path/img.png - ); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( /webpack/public/path/img.png ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( /webpack/public/path/img.png ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( /webpack/public/path/img.png ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(/webpack/public/path/img.png) url(/webpack/public/path/other-img.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( \\"/webpack/public/path/img img.png\\" ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( \\"/webpack/public/path/img img.png\\" ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(/img.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background-image: url(\\"data:image/svg+xml;charset=utf-8,\\"); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - 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\\"); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - filter: url('data:image/svg+xml;charset=utf-8,#filter'); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - 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(255%2C255%2C255%2C1)%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'); -} - -.lml_5t-nQdGlKc9OtKjUO { - filter: url(#highlight); -} - -.lml_5t-nQdGlKc9OtKjUO { - filter: url('#line-marker'); -} - -@font-face { - src: url(/webpack/public/path/font.woff) format('woff'), - url(/webpack/public/path/font.woff2) format('woff2'), - url(/webpack/public/path/font.eot) format('eot'), - url(/webpack/public/path/font.ttf) format('truetype'), - url(\\"/webpack/public/path/font with spaces.eot\\") format(\\"embedded-opentype\\"), - url(/webpack/public/path/font.svg#svgFontName) format('svg'), - url(/webpack/public/path/font.woff2) format('woff2'), - url(/webpack/public/path/font.eot?#iefix) format('embedded-opentype'), - url(\\"/webpack/public/path/font with spaces.eot?#iefix\\") format('embedded-opentype'); -} - -@media (min-width: 500px) { - body { - background: url(/webpack/public/path/img.png); - } -} - -a { - content: \\"do not use url(path)\\"; -} - -b { - content: 'do not \\"use\\" url(path)'; -} - -@keyframes O9YPhh3OZdzrkj25z-J92 { - background: green url(/webpack/public/path/img.png) xyz; -} - -._1fj5hnOVZ8KZVIGyZbPW3p { - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x) -} - -._1fj5hnOVZ8KZVIGyZbPW3p { - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x) -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url() xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url('') xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(\\"\\") xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(' ') xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( - ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png#hash); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png#hash); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background-image: url(/webpack/public/path/img.png) url(\\"data:image/svg+xml;charset=utf-8,\\") url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - 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___; -} - -._2rb58RF5u2ij-3X8XSJaVP { - background: url(/webpack/public/path/img-simple.png); -} - -.mrf4tRz4T71pNku_3IMH3 { - background: url('/img-simple.png'); -} - -.c5dNFA35opKWoGz7aRj0k { - background: url(/webpack/public/path/img-simple.png); -} - -._2Q5a0g3xEHAboOADfIxHa5 { - background: url(/webpack/public/path/img.png); -} - -._2TX-7lb63hK5h5DzELIAbU { - background: url(/webpack/public/path/img.png); -} - -a { - background: url(/webpack/public/path/img.png); -} - -a { - background: url(/webpack/public/path/img.png); -} - -@font-face { - src: url(\\"//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot\\"); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - /* 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(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img img.png\\" 1x, \\"/webpack/public/path/img img.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x), - image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set( - \\"/webpack/public/path/img1x.png\\" 1x, - \\"/webpack/public/path/img2x.png\\" 2x, - \\"/webpack/public/path/img3x.png\\" 600dpi - ); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png#hash\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png?#iefix\\" 1x); - - /* With \`url\` function */ - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x); - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x); - background-image: -webkit-image-set( - url(/webpack/public/path/img1x.png) 1x - ); - background-image: image-set(url(/webpack/public/path/img1x.png) 1x); - background-image: image-set( - url(/webpack/public/path/img1x.png) 1x - ); - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x); - background-image: image-set( - url(/webpack/public/path/img1x.png) 1x, - url(/webpack/public/path/img2x.png) 2x, - url(/webpack/public/path/img3x.png) 600dpi - ); - background-image: image-set(url(\\"/webpack/public/path/img img.png\\") 1x, url(\\"/webpack/public/path/img img.png\\") 2x); - - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, \\"/webpack/public/path/img2x.png\\" 2x); -} -", - "", - ], -] -`; - -exports[`url option true and modules \`local\`: module 1`] = ` -"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); -// Imports -var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_2___ = require(\\"package/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_3___ = require(\\"./other-img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_4___ = require(\\"./img img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_5___ = require(\\"./font.woff\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_6___ = require(\\"./font.woff2\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_7___ = require(\\"./font.eot\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_8___ = require(\\"package/font.ttf\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_9___ = require(\\"./font with spaces.eot\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_10___ = require(\\"./font.svg\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_11___ = require(\\"./font.woff2?foo=bar\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_14___ = require(\\"./img1x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_15___ = require(\\"./img2x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_16___ = require(\\"./img.png?foo\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_17___ = require(\\"./img.png?foo=bar\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_19___ = require(\\"./img.png?\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_20___ = require(\\"./img-simple.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_21___ = require(\\"../url/img-simple.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_22___ = require(\\"aliasesImg/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_23___ = require(\\"./nested/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_24___ = require(\\"./nested/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_28___ = require(\\"./img3x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_29___ = require(\\"./img1x.png?foo=bar\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); -var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); -var ___CSS_LOADER_URL_IMPORT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___, { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_IMPORT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_2___); -var ___CSS_LOADER_URL_IMPORT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_3___); -var ___CSS_LOADER_URL_IMPORT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___); -var ___CSS_LOADER_URL_IMPORT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_5___); -var ___CSS_LOADER_URL_IMPORT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_6___); -var ___CSS_LOADER_URL_IMPORT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_7___); -var ___CSS_LOADER_URL_IMPORT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_8___); -var ___CSS_LOADER_URL_IMPORT_9___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___); -var ___CSS_LOADER_URL_IMPORT_10___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_10___, { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_IMPORT_11___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_11___); -var ___CSS_LOADER_URL_IMPORT_12___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_7___, { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_IMPORT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___, { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_IMPORT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___); -var ___CSS_LOADER_URL_IMPORT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___); -var ___CSS_LOADER_URL_IMPORT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_16___); -var ___CSS_LOADER_URL_IMPORT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_17___); -var ___CSS_LOADER_URL_IMPORT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_17___, { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_IMPORT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_19___); -var ___CSS_LOADER_URL_IMPORT_20___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_20___); -var ___CSS_LOADER_URL_IMPORT_21___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_21___); -var ___CSS_LOADER_URL_IMPORT_22___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_22___); -var ___CSS_LOADER_URL_IMPORT_23___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_23___); -var ___CSS_LOADER_URL_IMPORT_24___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_24___); -var ___CSS_LOADER_URL_IMPORT_25___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_26___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_27___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_28___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_28___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_29___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_29___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_30___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_31___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_32___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_28___); -// Module -exports.push([module.id, \\"._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_1___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\") url(\\" + ___CSS_LOADER_URL_IMPORT_3___ + \\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(/img.png) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n 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\\\\\\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n filter: url('data:image/svg+xml;charset=utf-8,#filter');\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n 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(255%2C255%2C255%2C1)%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');\\\\n}\\\\n\\\\n.lml_5t-nQdGlKc9OtKjUO {\\\\n filter: url(#highlight);\\\\n}\\\\n\\\\n.lml_5t-nQdGlKc9OtKjUO {\\\\n filter: url('#line-marker');\\\\n}\\\\n\\\\n@font-face {\\\\n src: url(\\" + ___CSS_LOADER_URL_IMPORT_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n }\\\\n}\\\\n\\\\na {\\\\n content: \\\\\\"do not use url(path)\\\\\\";\\\\n}\\\\n\\\\nb {\\\\n content: 'do not \\\\\\"use\\\\\\" url(path)';\\\\n}\\\\n\\\\n@keyframes O9YPhh3OZdzrkj25z-J92 {\\\\n background: green url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") xyz;\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x)\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x)\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url() xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url('') xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\\\\\"\\\\\\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(' ') xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\\\n ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_16___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_17___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_19___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: ___CSS_LOADER_URL___;\\\\n background: ___CSS_LOADER_URL___INDEX___;\\\\n background: ___CSS_LOADER_URL___99999___;\\\\n background: ___CSS_LOADER_IMPORT___;\\\\n background: ___CSS_LOADER_IMPORT___INDEX___;\\\\n background: ___CSS_LOADER_IMPORT___99999___;\\\\n}\\\\n\\\\n._2rb58RF5u2ij-3X8XSJaVP {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_20___ + \\");\\\\n}\\\\n\\\\n.mrf4tRz4T71pNku_3IMH3 {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.c5dNFA35opKWoGz7aRj0k {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_21___ + \\");\\\\n}\\\\n\\\\n._2Q5a0g3xEHAboOADfIxHa5 {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\");\\\\n}\\\\n\\\\n._2TX-7lb63hK5h5DzELIAbU {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_24___ + \\");\\\\n}\\\\n\\\\n@font-face {\\\\n src: url(\\\\\\"//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot\\\\\\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n /* Broken */\\\\n background-image: -webkit-image-set();\\\\n background-image: -webkit-image-set('');\\\\n background-image: image-set();\\\\n background-image: image-set('');\\\\n background-image: image-set(\\\\\\"\\\\\\");\\\\n background-image: image-set(\\\\\\"\\\\\\" 1x);\\\\n background-image: image-set(url());\\\\n background-image: image-set(\\\\n url()\\\\n );\\\\n background-image: image-set(URL());\\\\n background-image: image-set(url(''));\\\\n background-image: image-set(url(\\\\\\"\\\\\\"));\\\\n background-image: image-set(url('') 1x);\\\\n background-image: image-set(1x);\\\\n background-image: image-set(\\\\n 1x\\\\n );\\\\n background: image-set(calc(1rem + 1px) 1x);\\\\n\\\\n /* Strings */\\\\n background-image: -webkit-image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); -// Exports -exports.locals = { - \\"class\\": \\"_7NvzxsKlD5xT5cUVu5Ad-\\", - \\"highlight\\": \\"lml_5t-nQdGlKc9OtKjUO\\", - \\"a\\": \\"_1fj5hnOVZ8KZVIGyZbPW3p\\", - \\"pure-url\\": \\"_2rb58RF5u2ij-3X8XSJaVP\\", - \\"not-resolved\\": \\"mrf4tRz4T71pNku_3IMH3\\", - \\"above-below\\": \\"c5dNFA35opKWoGz7aRj0k\\", - \\"tilde\\": \\"_2Q5a0g3xEHAboOADfIxHa5\\", - \\"aliases\\": \\"_2TX-7lb63hK5h5DzELIAbU\\", - \\"anim\\": \\"O9YPhh3OZdzrkj25z-J92\\" -};" -`; - -exports[`url option true and modules \`local\`: warnings 1`] = ` -Array [ - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(120:3) Unable to find uri in 'background: green url() xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(124:3) Unable to find uri in 'background: green url('') xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(128:3) Unable to find uri in 'background: green url(\\"\\") xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(132:3) Unable to find uri in 'background: green url(' ') xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(136:3) Unable to find uri in 'background: green url( - ) xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(216:3) Unable to find uri in 'background-image: -webkit-image-set('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(218:3) Unable to find uri in 'background-image: image-set('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(219:3) Unable to find uri in 'background-image: image-set(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(220:3) Unable to find uri in 'background-image: image-set(\\"\\" 1x)'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(221:3) Unable to find uri in 'background-image: image-set(url())'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(222:3) Unable to find uri in 'background-image: image-set( - url() - )'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(225:3) Unable to find uri in 'background-image: image-set(URL())'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(226:3) Unable to find uri in 'background-image: image-set(url(''))'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(227:3) Unable to find uri in 'background-image: image-set(url(\\"\\"))'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(228:3) Unable to find uri in 'background-image: image-set(url('') 1x)'", -] -`; - -exports[`url option true and modules \`true\`: errors 1`] = `Array []`; - -exports[`url option true and modules \`true\`: module (evaluated) 1`] = ` -Array [ - Array [ - 2, - "._2y8zdp_B3r6R32gVxIJYJG { - background: url(/webpack/public/path/img-from-imported.png); -} -", - "", - ], - Array [ - 1, - "._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png#hash); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url( - /webpack/public/path/img.png - ); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( /webpack/public/path/img.png ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( /webpack/public/path/img.png ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( /webpack/public/path/img.png ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(/webpack/public/path/img.png) url(/webpack/public/path/other-img.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( \\"/webpack/public/path/img img.png\\" ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( \\"/webpack/public/path/img img.png\\" ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(/img.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background-image: url(\\"data:image/svg+xml;charset=utf-8,\\"); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - 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\\"); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - filter: url('data:image/svg+xml;charset=utf-8,#filter'); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - 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(255%2C255%2C255%2C1)%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'); -} - -.lml_5t-nQdGlKc9OtKjUO { - filter: url(#highlight); -} - -.lml_5t-nQdGlKc9OtKjUO { - filter: url('#line-marker'); -} - -@font-face { - src: url(/webpack/public/path/font.woff) format('woff'), - url(/webpack/public/path/font.woff2) format('woff2'), - url(/webpack/public/path/font.eot) format('eot'), - url(/webpack/public/path/font.ttf) format('truetype'), - url(\\"/webpack/public/path/font with spaces.eot\\") format(\\"embedded-opentype\\"), - url(/webpack/public/path/font.svg#svgFontName) format('svg'), - url(/webpack/public/path/font.woff2) format('woff2'), - url(/webpack/public/path/font.eot?#iefix) format('embedded-opentype'), - url(\\"/webpack/public/path/font with spaces.eot?#iefix\\") format('embedded-opentype'); -} - -@media (min-width: 500px) { - body { - background: url(/webpack/public/path/img.png); - } -} - -a { - content: \\"do not use url(path)\\"; -} - -b { - content: 'do not \\"use\\" url(path)'; -} - -@keyframes O9YPhh3OZdzrkj25z-J92 { - background: green url(/webpack/public/path/img.png) xyz; -} - -._1fj5hnOVZ8KZVIGyZbPW3p { - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x) -} - -._1fj5hnOVZ8KZVIGyZbPW3p { - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x) -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url() xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url('') xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(\\"\\") xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(' ') xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url( - ) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz; -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png#hash); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png#hash); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background: url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - background-image: url(/webpack/public/path/img.png) url(\\"data:image/svg+xml;charset=utf-8,\\") url(/webpack/public/path/img.png); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - 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___; -} - -._2rb58RF5u2ij-3X8XSJaVP { - background: url(/webpack/public/path/img-simple.png); -} - -.mrf4tRz4T71pNku_3IMH3 { - background: url('/img-simple.png'); -} - -.c5dNFA35opKWoGz7aRj0k { - background: url(/webpack/public/path/img-simple.png); -} - -._2Q5a0g3xEHAboOADfIxHa5 { - background: url(/webpack/public/path/img.png); -} - -._2TX-7lb63hK5h5DzELIAbU { - background: url(/webpack/public/path/img.png); -} - -a { - background: url(/webpack/public/path/img.png); -} - -a { - background: url(/webpack/public/path/img.png); -} - -@font-face { - src: url(\\"//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot\\"); -} - -._7NvzxsKlD5xT5cUVu5Ad- { - /* 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(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img img.png\\" 1x, \\"/webpack/public/path/img img.png\\" 2x); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x), - image-set(\\"/webpack/public/path/img1x.png\\" 1x, \\"/webpack/public/path/img2x.png\\" 2x); - background-image: image-set( - \\"/webpack/public/path/img1x.png\\" 1x, - \\"/webpack/public/path/img2x.png\\" 2x, - \\"/webpack/public/path/img3x.png\\" 600dpi - ); - background-image: image-set(\\"/webpack/public/path/img1x.png\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png#hash\\" 1x); - background-image: image-set(\\"/webpack/public/path/img1x.png?#iefix\\" 1x); - - /* With \`url\` function */ - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x); - background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x); - background-image: -webkit-image-set( - url(/webpack/public/path/img1x.png) 1x - ); - background-image: image-set(url(/webpack/public/path/img1x.png) 1x); - background-image: image-set( - url(/webpack/public/path/img1x.png) 1x - ); - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x); - background-image: image-set( - url(/webpack/public/path/img1x.png) 1x, - url(/webpack/public/path/img2x.png) 2x, - url(/webpack/public/path/img3x.png) 600dpi - ); - background-image: image-set(url(\\"/webpack/public/path/img img.png\\") 1x, url(\\"/webpack/public/path/img img.png\\") 2x); - - background-image: image-set(url(/webpack/public/path/img1x.png) 1x, \\"/webpack/public/path/img2x.png\\" 2x); -} -", - "", - ], -] -`; - -exports[`url option true and modules \`true\`: module 1`] = ` -"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); -// Imports -var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_2___ = require(\\"package/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_3___ = require(\\"./other-img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_4___ = require(\\"./img img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_5___ = require(\\"./font.woff\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_6___ = require(\\"./font.woff2\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_7___ = require(\\"./font.eot\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_8___ = require(\\"package/font.ttf\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_9___ = require(\\"./font with spaces.eot\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_10___ = require(\\"./font.svg\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_11___ = require(\\"./font.woff2?foo=bar\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_14___ = require(\\"./img1x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_15___ = require(\\"./img2x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_16___ = require(\\"./img.png?foo\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_17___ = require(\\"./img.png?foo=bar\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_19___ = require(\\"./img.png?\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_20___ = require(\\"./img-simple.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_21___ = require(\\"../url/img-simple.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_22___ = require(\\"aliasesImg/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_23___ = require(\\"./nested/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_24___ = require(\\"./nested/img.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_28___ = require(\\"./img3x.png\\"); -var ___CSS_LOADER_URL_PURE_IMPORT_29___ = require(\\"./img1x.png?foo=bar\\"); -exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); -var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); -var ___CSS_LOADER_URL_IMPORT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___, { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_IMPORT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_2___); -var ___CSS_LOADER_URL_IMPORT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_3___); -var ___CSS_LOADER_URL_IMPORT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___); -var ___CSS_LOADER_URL_IMPORT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_5___); -var ___CSS_LOADER_URL_IMPORT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_6___); -var ___CSS_LOADER_URL_IMPORT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_7___); -var ___CSS_LOADER_URL_IMPORT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_8___); -var ___CSS_LOADER_URL_IMPORT_9___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___); -var ___CSS_LOADER_URL_IMPORT_10___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_10___, { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_IMPORT_11___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_11___); -var ___CSS_LOADER_URL_IMPORT_12___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_7___, { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_IMPORT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___, { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_IMPORT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___); -var ___CSS_LOADER_URL_IMPORT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___); -var ___CSS_LOADER_URL_IMPORT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_16___); -var ___CSS_LOADER_URL_IMPORT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_17___); -var ___CSS_LOADER_URL_IMPORT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_17___, { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_IMPORT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_19___); -var ___CSS_LOADER_URL_IMPORT_20___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_20___); -var ___CSS_LOADER_URL_IMPORT_21___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_21___); -var ___CSS_LOADER_URL_IMPORT_22___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_22___); -var ___CSS_LOADER_URL_IMPORT_23___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_23___); -var ___CSS_LOADER_URL_IMPORT_24___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_24___); -var ___CSS_LOADER_URL_IMPORT_25___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_26___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_27___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_28___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_28___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_29___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_29___, { needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_30___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_31___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_14___, { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_IMPORT_32___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_28___); -// Module -exports.push([module.id, \\"._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_1___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\") url(\\" + ___CSS_LOADER_URL_IMPORT_3___ + \\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_IMPORT_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(/img.png) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n 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\\\\\\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n filter: url('data:image/svg+xml;charset=utf-8,#filter');\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n 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(255%2C255%2C255%2C1)%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');\\\\n}\\\\n\\\\n.lml_5t-nQdGlKc9OtKjUO {\\\\n filter: url(#highlight);\\\\n}\\\\n\\\\n.lml_5t-nQdGlKc9OtKjUO {\\\\n filter: url('#line-marker');\\\\n}\\\\n\\\\n@font-face {\\\\n src: url(\\" + ___CSS_LOADER_URL_IMPORT_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n }\\\\n}\\\\n\\\\na {\\\\n content: \\\\\\"do not use url(path)\\\\\\";\\\\n}\\\\n\\\\nb {\\\\n content: 'do not \\\\\\"use\\\\\\" url(path)';\\\\n}\\\\n\\\\n@keyframes O9YPhh3OZdzrkj25z-J92 {\\\\n background: green url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") xyz;\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x)\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x)\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url() xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url('') xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\\\\\"\\\\\\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(' ') xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\\\n ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_16___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_17___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_19___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: ___CSS_LOADER_URL___;\\\\n background: ___CSS_LOADER_URL___INDEX___;\\\\n background: ___CSS_LOADER_URL___99999___;\\\\n background: ___CSS_LOADER_IMPORT___;\\\\n background: ___CSS_LOADER_IMPORT___INDEX___;\\\\n background: ___CSS_LOADER_IMPORT___99999___;\\\\n}\\\\n\\\\n._2rb58RF5u2ij-3X8XSJaVP {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_20___ + \\");\\\\n}\\\\n\\\\n.mrf4tRz4T71pNku_3IMH3 {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.c5dNFA35opKWoGz7aRj0k {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_21___ + \\");\\\\n}\\\\n\\\\n._2Q5a0g3xEHAboOADfIxHa5 {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\");\\\\n}\\\\n\\\\n._2TX-7lb63hK5h5DzELIAbU {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_24___ + \\");\\\\n}\\\\n\\\\n@font-face {\\\\n src: url(\\\\\\"//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot\\\\\\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n /* Broken */\\\\n background-image: -webkit-image-set();\\\\n background-image: -webkit-image-set('');\\\\n background-image: image-set();\\\\n background-image: image-set('');\\\\n background-image: image-set(\\\\\\"\\\\\\");\\\\n background-image: image-set(\\\\\\"\\\\\\" 1x);\\\\n background-image: image-set(url());\\\\n background-image: image-set(\\\\n url()\\\\n );\\\\n background-image: image-set(URL());\\\\n background-image: image-set(url(''));\\\\n background-image: image-set(url(\\\\\\"\\\\\\"));\\\\n background-image: image-set(url('') 1x);\\\\n background-image: image-set(1x);\\\\n background-image: image-set(\\\\n 1x\\\\n );\\\\n background: image-set(calc(1rem + 1px) 1x);\\\\n\\\\n /* Strings */\\\\n background-image: -webkit-image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_IMPORT_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); -// Exports -exports.locals = { - \\"class\\": \\"_7NvzxsKlD5xT5cUVu5Ad-\\", - \\"highlight\\": \\"lml_5t-nQdGlKc9OtKjUO\\", - \\"a\\": \\"_1fj5hnOVZ8KZVIGyZbPW3p\\", - \\"pure-url\\": \\"_2rb58RF5u2ij-3X8XSJaVP\\", - \\"not-resolved\\": \\"mrf4tRz4T71pNku_3IMH3\\", - \\"above-below\\": \\"c5dNFA35opKWoGz7aRj0k\\", - \\"tilde\\": \\"_2Q5a0g3xEHAboOADfIxHa5\\", - \\"aliases\\": \\"_2TX-7lb63hK5h5DzELIAbU\\", - \\"anim\\": \\"O9YPhh3OZdzrkj25z-J92\\" -};" -`; - -exports[`url option true and modules \`true\`: warnings 1`] = ` -Array [ - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(120:3) Unable to find uri in 'background: green url() xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(124:3) Unable to find uri in 'background: green url('') xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(128:3) Unable to find uri in 'background: green url(\\"\\") xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(132:3) Unable to find uri in 'background: green url(' ') xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(136:3) Unable to find uri in 'background: green url( - ) xyz'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(216:3) Unable to find uri in 'background-image: -webkit-image-set('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(218:3) Unable to find uri in 'background-image: image-set('')'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(219:3) Unable to find uri in 'background-image: image-set(\\"\\")'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(220:3) Unable to find uri in 'background-image: image-set(\\"\\" 1x)'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(221:3) Unable to find uri in 'background-image: image-set(url())'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(222:3) Unable to find uri in 'background-image: image-set( - url() - )'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(225:3) Unable to find uri in 'background-image: image-set(URL())'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(226:3) Unable to find uri in 'background-image: image-set(url(''))'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(227:3) Unable to find uri in 'background-image: image-set(url(\\"\\"))'", - "ModuleWarning: Module Warning (from \`replaced original path\`): -Warning - -(228:3) Unable to find uri in 'background-image: image-set(url('') 1x)'", -] -`; - exports[`url option true: errors 1`] = `Array []`; exports[`url option true: module (evaluated) 1`] = ` diff --git a/test/__snapshots__/validate-options.test.js.snap b/test/__snapshots__/validate-options.test.js.snap index c4d62681..90b16f6f 100644 --- a/test/__snapshots__/validate-options.test.js.snap +++ b/test/__snapshots__/validate-options.test.js.snap @@ -23,12 +23,12 @@ exports[`validate options 2`] = ` exports[`validate options 3`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.modules should be one of these: - boolean | \\"local\\" | \\"global\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } + boolean | \\"local\\" | \\"global\\" | \\"pure\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } -> Enables/Disables CSS Modules and their configuration (https://github.com/webpack-contrib/css-loader#modules). Details: * options.modules should be a boolean. * options.modules should be one of these: - \\"local\\" | \\"global\\" + \\"local\\" | \\"global\\" | \\"pure\\" * options.modules should be an object: object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? }" `; @@ -36,12 +36,12 @@ exports[`validate options 3`] = ` exports[`validate options 4`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.modules should be one of these: - boolean | \\"local\\" | \\"global\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } + boolean | \\"local\\" | \\"global\\" | \\"pure\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } -> Enables/Disables CSS Modules and their configuration (https://github.com/webpack-contrib/css-loader#modules). Details: * options.modules should be a boolean. * options.modules should be one of these: - \\"local\\" | \\"global\\" + \\"local\\" | \\"global\\" | \\"pure\\" * options.modules should be an object: object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? }" `; @@ -49,59 +49,72 @@ exports[`validate options 4`] = ` exports[`validate options 5`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.modules should be one of these: - boolean | \\"local\\" | \\"global\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } + boolean | \\"local\\" | \\"global\\" | \\"pure\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } -> Enables/Disables CSS Modules and their configuration (https://github.com/webpack-contrib/css-loader#modules). Details: * options.modules should be a boolean. * options.modules should be one of these: - \\"local\\" | \\"global\\" + \\"local\\" | \\"global\\" | \\"pure\\" * options.modules should be an object: object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? }" `; exports[`validate options 6`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - - options.modules.mode should be one of these: - \\"local\\" | \\"global\\"" + - options.modules should be one of these: + boolean | \\"local\\" | \\"global\\" | \\"pure\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } + -> Enables/Disables CSS Modules and their configuration (https://github.com/webpack-contrib/css-loader#modules). + Details: + * options.modules should be a boolean. + * options.modules should be one of these: + \\"local\\" | \\"global\\" | \\"pure\\" + * options.modules should be an object: + object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? }" `; exports[`validate options 7`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.modules.mode should be one of these: - \\"local\\" | \\"global\\"" + \\"local\\" | \\"global\\" | \\"pure\\"" `; exports[`validate options 8`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.modules.mode should be one of these: - \\"local\\" | \\"global\\"" + \\"local\\" | \\"global\\" | \\"pure\\"" `; exports[`validate options 9`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.modules.mode should be one of these: - \\"local\\" | \\"global\\"" + \\"local\\" | \\"global\\" | \\"pure\\"" `; exports[`validate options 10`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - - options.modules.localIdentName should be a string." + - options.modules.mode should be one of these: + \\"local\\" | \\"global\\" | \\"pure\\"" `; exports[`validate options 11`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - - options.modules.context should be a string." + - options.modules.localIdentName should be a string." `; exports[`validate options 12`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - - options.modules.hashPrefix should be a string." + - options.modules.context should be a string." `; exports[`validate options 13`] = ` +"Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. + - options.modules.hashPrefix should be a string." +`; + +exports[`validate options 14`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.modules should be one of these: - boolean | \\"local\\" | \\"global\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } + boolean | \\"local\\" | \\"global\\" | \\"pure\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } -> Enables/Disables CSS Modules and their configuration (https://github.com/webpack-contrib/css-loader#modules). Details: * options.modules.getLocalIdent should be one of these: @@ -111,10 +124,10 @@ exports[`validate options 13`] = ` * options.modules.getLocalIdent should be an instance of function." `; -exports[`validate options 14`] = ` +exports[`validate options 15`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.modules should be one of these: - boolean | \\"local\\" | \\"global\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } + boolean | \\"local\\" | \\"global\\" | \\"pure\\" | object { mode?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? } -> Enables/Disables CSS Modules and their configuration (https://github.com/webpack-contrib/css-loader#modules). Details: * options.modules.localIdentRegExp should be one of these: @@ -124,20 +137,20 @@ exports[`validate options 14`] = ` * options.modules.localIdentRegExp should be an instance of RegExp." `; -exports[`validate options 15`] = ` +exports[`validate options 16`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.sourceMap should be a boolean. -> Enables/Disables generation of source maps (https://github.com/webpack-contrib/css-loader#sourcemap)." `; -exports[`validate options 16`] = ` +exports[`validate options 17`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.localsConvention should be one of these: \\"asIs\\" | \\"camelCase\\" | \\"camelCaseOnly\\" | \\"dashes\\" | \\"dashesOnly\\" -> Style of exported classnames (https://github.com/webpack-contrib/css-loader#localsconvention)." `; -exports[`validate options 17`] = ` +exports[`validate options 18`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.importLoaders should be one of these: boolean | number @@ -147,13 +160,13 @@ exports[`validate options 17`] = ` * options.importLoaders should be a number." `; -exports[`validate options 18`] = ` +exports[`validate options 19`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options.onlyLocals should be a boolean. -> Export only locals (https://github.com/webpack-contrib/css-loader#onlylocals)." `; -exports[`validate options 19`] = ` +exports[`validate options 20`] = ` "Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options has an unknown property 'unknown'. These properties are valid: object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals? }" diff --git a/test/fixtures/modules/pure.css b/test/fixtures/modules/pure.css new file mode 100644 index 00000000..addb88d0 --- /dev/null +++ b/test/fixtures/modules/pure.css @@ -0,0 +1,39 @@ +.foo { + color: red; +} + +h1 .foo-1 { + color: green; +} + +.foo-2 h1 { + color: blue; +} + +.foo-3 h1 .foo-4 { + color: red; +} + +#foo-5 { + color: red; +} + +h1 #foo-6 { + color: green; +} + +#foo-7 h1 { + color: blue; +} + +#foo-8 h1 #foo-9 { + color: red; +} + +.bar-1 :global(.bar) .bar-2 { + color: white; +} + +.baz-3 :local(.baz) .bar-4 { + color: black; +} diff --git a/test/import-option.test.js b/test/import-option.test.js index 0cc4590e..261030a9 100644 --- a/test/import-option.test.js +++ b/test/import-option.test.js @@ -32,29 +32,6 @@ describe('import option', () => { expect(stats.compilation.errors).toMatchSnapshot('errors'); }); - [true, 'local', 'global', false].forEach((modulesValue) => { - it(`true and modules \`${modulesValue}\``, async () => { - const config = { - loader: { options: { import: true, modules: modulesValue } }, - }; - const testId = './import/import.css'; - const stats = await webpack(testId, config); - const { modules } = stats.toJson(); - const module = modules.find((m) => m.id === testId); - - expect(module.source).toMatchSnapshot('module'); - expect(evaluated(module.source, modules)).toMatchSnapshot( - 'module (evaluated)' - ); - expect(normalizeErrors(stats.compilation.warnings)).toMatchSnapshot( - 'warnings' - ); - expect(normalizeErrors(stats.compilation.errors)).toMatchSnapshot( - 'errors' - ); - }); - }); - it('Function', async () => { const config = { loader: { diff --git a/test/modules-option.test.js b/test/modules-option.test.js index cae87404..e9ae5427 100644 --- a/test/modules-option.test.js +++ b/test/modules-option.test.js @@ -47,6 +47,27 @@ describe('modules', () => { }); }); + it('should support "pure" value', async () => { + const config = { + loader: { + options: { + modules: 'pure', + }, + }, + }; + const testId = './modules/pure.css'; + const stats = await webpack(testId, config); + const { modules } = stats.toJson(); + const module = modules.find((m) => m.id === testId); + + expect(module.source).toMatchSnapshot('module'); + expect(evaluated(module.source, modules)).toMatchSnapshot( + 'module (evaluated)' + ); + expect(stats.compilation.warnings).toMatchSnapshot('warnings'); + expect(stats.compilation.errors).toMatchSnapshot('errors'); + }); + it('should respects localIdentName option', async () => { const config = { loader: { diff --git a/test/onlyLocals-option.test.js b/test/onlyLocals-option.test.js index 3b547342..2a75cedc 100644 --- a/test/onlyLocals-option.test.js +++ b/test/onlyLocals-option.test.js @@ -1,7 +1,7 @@ import { webpack } from './helpers'; describe('modules', () => { - it('true (mode: local)', async () => { + it('true', async () => { const config = { loader: { options: { diff --git a/test/url-option.test.js b/test/url-option.test.js index a04faa1f..d716d182 100644 --- a/test/url-option.test.js +++ b/test/url-option.test.js @@ -32,29 +32,6 @@ describe('url option', () => { expect(stats.compilation.errors).toMatchSnapshot('errors'); }); - [true, 'local', 'global', false].forEach((modulesValue) => { - it(`true and modules \`${modulesValue}\``, async () => { - const config = { - loader: { options: { modules: modulesValue } }, - }; - const testId = './url/url.css'; - const stats = await webpack(testId, config); - const { modules } = stats.toJson(); - const module = modules.find((m) => m.id === testId); - - expect(module.source).toMatchSnapshot('module'); - expect(evaluated(module.source, modules)).toMatchSnapshot( - 'module (evaluated)' - ); - expect(normalizeErrors(stats.compilation.warnings)).toMatchSnapshot( - 'warnings' - ); - expect(normalizeErrors(stats.compilation.errors)).toMatchSnapshot( - 'errors' - ); - }); - }); - it('Function', async () => { const config = { loader: { diff --git a/test/validate-options.test.js b/test/validate-options.test.js index 1c0dd7a2..1ef621e9 100644 --- a/test/validate-options.test.js +++ b/test/validate-options.test.js @@ -34,11 +34,14 @@ it('validate options', () => { expect(() => validate({ modules: false })).not.toThrow(); expect(() => validate({ modules: 'global' })).not.toThrow(); expect(() => validate({ modules: 'local' })).not.toThrow(); + expect(() => validate({ modules: 'pure' })).not.toThrow(); expect(() => validate({ modules: { mode: 'local' } })).not.toThrow(); expect(() => validate({ modules: { mode: 'global' } })).not.toThrow(); + expect(() => validate({ modules: { mode: 'pure' } })).not.toThrow(); expect(() => validate({ modules: 'true' })).toThrowErrorMatchingSnapshot(); expect(() => validate({ modules: 'globals' })).toThrowErrorMatchingSnapshot(); expect(() => validate({ modules: 'locals' })).toThrowErrorMatchingSnapshot(); + expect(() => validate({ modules: 'pures' })).toThrowErrorMatchingSnapshot(); expect(() => validate({ modules: { mode: true } }) ).toThrowErrorMatchingSnapshot();