From decacd389be94fa63da6353fb7b39dee258d2973 Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Tue, 3 Dec 2019 18:28:12 +0300 Subject: [PATCH 01/10] refactor: reduce count of require --- src/index.js | 24 +- src/plugins/postcss-icss-parser.js | 58 ++--- src/plugins/postcss-import-parser.js | 7 +- src/utils.js | 46 ++-- test/__snapshots__/import-option.test.js.snap | 225 ++++++++++++------ .../importLoaders-option.test.js.snap | 15 +- test/__snapshots__/loader.test.js.snap | 18 +- .../__snapshots__/modules-option.test.js.snap | 77 +++--- .../onlyLocals-option.test.js.snap | 33 ++- test/__snapshots__/url-option.test.js.snap | 21 +- test/fixtures/modules/composes.css | 4 + 11 files changed, 318 insertions(+), 210 deletions(-) diff --git a/src/index.js b/src/index.js index 6a1ca3cb..4fdd9807 100644 --- a/src/index.js +++ b/src/index.js @@ -54,12 +54,14 @@ export default function loader(content, map, meta) { plugins.push(...getModulesPlugins(options, this)); } + const exportType = options.onlyLocals ? 'locals' : 'full'; + // Run other loader (`postcss-loader`, `sass-loader` and etc) for importing CSS const importPrefix = getImportPrefix(this, options.importLoaders); plugins.push(icssParser()); - if (options.import !== false) { + if (options.import !== false && exportType === 'full') { plugins.push( importParser({ filter: getFilter(options.import, this.resourcePath), @@ -67,7 +69,7 @@ export default function loader(content, map, meta) { ); } - if (options.url !== false) { + if (options.url !== false && exportType === 'full') { plugins.push( urlParser({ filter: getFilter(options.url, this.resourcePath, (value) => @@ -109,22 +111,20 @@ export default function loader(content, map, meta) { } } - const isNormalMode = !options.onlyLocals; - - const apiCode = isNormalMode ? getApiCode(this, sourceMap) : ''; + const apiCode = exportType === 'full' ? getApiCode(this, sourceMap) : ''; const importCode = - isNormalMode && imports.length > 0 - ? getImportCode(this, imports, { importPrefix }) + imports.length > 0 + ? getImportCode(this, imports, { importPrefix, exportType }) + : ''; + const moduleCode = + exportType === 'full' + ? getModuleCode(this, result, replacers, sourceMap) : ''; - const moduleCode = isNormalMode - ? getModuleCode(this, result, replacers, { sourceMap, importPrefix }) - : ''; const exportCode = exports.length > 0 ? getExportCode(this, exports, replacers, { - importPrefix, localsConvention: options.localsConvention, - onlyLocals: options.onlyLocals, + exportType, }) : ''; diff --git a/src/plugins/postcss-icss-parser.js b/src/plugins/postcss-icss-parser.js index 5fc3f5dc..b2c47331 100644 --- a/src/plugins/postcss-icss-parser.js +++ b/src/plugins/postcss-icss-parser.js @@ -1,20 +1,8 @@ import postcss from 'postcss'; import { extractICSS, replaceValueSymbols, replaceSymbols } from 'icss-utils'; -import loaderUtils from 'loader-utils'; const pluginName = 'postcss-icss-parser'; -function hasImportMessage(messages, url) { - return messages.find( - (message) => - message.pluginName === pluginName && - message.type === 'import' && - message.value && - message.value.url === url && - message.value.media === '' - ); -} - export default postcss.plugin( pluginName, () => @@ -22,42 +10,38 @@ export default postcss.plugin( const importReplacements = Object.create(null); const { icssImports, icssExports } = extractICSS(css); - let index = 0; + Object.keys(icssImports).forEach((url, importIndex) => { + const tokens = Object.keys(icssImports[url]); + + if (tokens.length === 0) { + return; + } - for (const importUrl of Object.keys(icssImports)) { - const url = loaderUtils.parseString(importUrl); + const importName = `___CSS_LOADER_ICSS_IMPORT_${importIndex}___`; + + result.messages.push({ + pluginName, + type: 'import', + value: { type: 'icss-import', name: importName, url, media: '' }, + }); - for (const token of Object.keys(icssImports[importUrl])) { - const name = `___CSS_LOADER_IMPORT___${index}___`; + tokens.forEach((token, replacementIndex) => { + const name = `___CSS_LOADER_ICSS_IMPORT_${importIndex}_REPLACEMENT_${replacementIndex}___`; + const localName = icssImports[url][token]; - index += 1; importReplacements[token] = name; result.messages.push({ pluginName, type: 'replacer', - value: { - type: 'icss-import', - name, - url, - export: icssImports[importUrl][token], - }, + value: { type: 'icss-import', name, importName, localName }, }); - - if (!hasImportMessage(result.messages, url)) { - result.messages.push({ - pluginName, - type: 'import', - value: { type: 'icss-import', url, media: '', name }, - }); - } - } - } + }); + }); replaceSymbols(css, importReplacements); - for (const exportName of Object.keys(icssExports)) { - const name = exportName; + Object.keys(icssExports).forEach((name) => { const value = replaceValueSymbols( icssExports[name], importReplacements @@ -68,6 +52,6 @@ export default postcss.plugin( type: 'export', value: { name, value }, }); - } + }); } ); diff --git a/src/plugins/postcss-import-parser.js b/src/plugins/postcss-import-parser.js index f5d04457..cc3b6cc8 100644 --- a/src/plugins/postcss-import-parser.js +++ b/src/plugins/postcss-import-parser.js @@ -96,11 +96,14 @@ export default postcss.plugin( (value, other) => value.url === other.url && value.media === other.media ); - paths.forEach((item) => { + paths.forEach((item, index) => { + const { url, media } = item; + const name = `___CSS_LOADER_IMPORT___${index}___`; + result.messages.push({ pluginName, type: 'import', - value: { type: '@import', url: item.url, media: item.media }, + value: { type: '@import', name, url, media }, }); }); } diff --git a/src/utils.js b/src/utils.js index f5d437fa..606cbceb 100644 --- a/src/utils.js +++ b/src/utils.js @@ -228,7 +228,11 @@ function getImportCode(loaderContext, imports, options) { return; } - items.push(`exports.i(require(${url}), ${media});`); + items.push(`var ${item.name} = require(${url});`); + + if (options.exportType === 'full') { + items.push(`exports.i(${item.name}, ${media});`); + } } if (item.type === 'url') { @@ -274,9 +278,9 @@ function getImportCode(loaderContext, imports, options) { return `// Imports\n${items.join('\n')}\n`; } -function getModuleCode(loaderContext, result, replacers, options) { +function getModuleCode(loaderContext, result, replacers, sourceMap) { const { css, map } = result; - const sourceMapValue = options.sourceMap && map ? `,${map}` : ''; + const sourceMapValue = sourceMap && map ? `,${map}` : ''; let cssCode = JSON.stringify(css); replacers.forEach((replacer) => { @@ -287,17 +291,11 @@ function getModuleCode(loaderContext, result, replacers, options) { } if (type === 'icss-import') { - const url = stringifyRequest( - loaderContext, - options.importPrefix + urlToRequest(replacer.url) - ); - const exportName = JSON.stringify(replacer.export); + cssCode = cssCode.replace(new RegExp(name, 'g'), () => { + const { importName, localName } = replacer; - // eslint-disable-next-line no-param-reassign - cssCode = cssCode.replace( - new RegExp(replacer.name, 'g'), - `" + require(${url}).locals[${exportName}] + "` - ); + return `" + ${importName}.locals[${JSON.stringify(localName)}] + "`; + }); } }); @@ -356,22 +354,20 @@ function getExportCode(loaderContext, exports, replacers, options) { } }); - const exportType = options.onlyLocals ? 'module.exports' : 'exports.locals'; - let exportCode = `// Exports\n${exportType} = {\n${items.join(',\n')}\n};`; + let exportCode = `// Exports\n${ + options.exportType === 'locals' ? 'module.exports' : 'exports.locals' + } = {\n${items.join(',\n')}\n};`; replacers.forEach((replacer) => { - const { type } = replacer; - - if (type === 'icss-import') { - const importUrl = options.importPrefix + urlToRequest(replacer.url); + if (replacer.type === 'icss-import') { + const { name, importName } = replacer; - exportCode = exportCode.replace(new RegExp(replacer.name, 'g'), () => { - const url = stringifyRequest(loaderContext, importUrl); - const importName = JSON.stringify(replacer.export); + exportCode = exportCode.replace(new RegExp(name, 'g'), () => { + const localName = JSON.stringify(replacer.localName); - return options.onlyLocals - ? `" + require(${url})[${importName}] + "` - : `" + require(${url}).locals[${importName}] + "`; + return options.exportType === 'locals' + ? `" + ${importName}[${localName}] + "` + : `" + ${importName}.locals[${localName}] + "`; }); } }); diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap index bd57046c..fe782a24 100644 --- a/test/__snapshots__/import-option.test.js.snap +++ b/test/__snapshots__/import-option.test.js.snap @@ -185,25 +185,35 @@ Array [ exports[`import option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"), \\"(min-width: 100px)\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +exports.i(___CSS_LOADER_IMPORT___1___, \\"(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(require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___8___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +exports.i(___CSS_LOADER_IMPORT___8___, \\"\\"); +var ___CSS_LOADER_IMPORT___9___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_IMPORT___9___, \\"\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_IMPORT___10___, \\"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(require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___14___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___14___, \\"\\"); +var ___CSS_LOADER_IMPORT___15___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___15___, \\"\\"); +var ___CSS_LOADER_IMPORT___16___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +exports.i(___CSS_LOADER_IMPORT___16___, \\"\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -551,28 +561,41 @@ Array [ exports[`import option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"), \\"(min-width: 100px)\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -829,28 +852,41 @@ Array [ exports[`import option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"), \\"(min-width: 100px)\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -1107,28 +1143,41 @@ Array [ exports[`import option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"), \\"(min-width: 100px)\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -1390,28 +1439,41 @@ Array [ exports[`import option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"), \\"(min-width: 100px)\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -1673,28 +1735,41 @@ Array [ exports[`import option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"), \\"screen and print\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"), \\"(min-width: 100px)\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"), \\"screen and print\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +exports.i(___CSS_LOADER_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(require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module diff --git a/test/__snapshots__/importLoaders-option.test.js.snap b/test/__snapshots__/importLoaders-option.test.js.snap index c810b8ce..b16801ea 100644 --- a/test/__snapshots__/importLoaders-option.test.js.snap +++ b/test/__snapshots__/importLoaders-option.test.js.snap @@ -28,7 +28,8 @@ Array [ exports[`importLoaders option 0 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -64,7 +65,8 @@ Array [ exports[`importLoaders option 1 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -100,7 +102,8 @@ Array [ exports[`importLoaders option 1 (no loaders before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgb(0 0 100% / 90%);\\\\n}\\\\n\\", \\"\\"]); " @@ -136,7 +139,8 @@ Array [ exports[`importLoaders option 2 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -172,7 +176,8 @@ Array [ exports[`importLoaders option not specify (no loader before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap index 43e9410e..d56cecca 100644 --- a/test/__snapshots__/loader.test.js.snap +++ b/test/__snapshots__/loader.test.js.snap @@ -293,7 +293,8 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point (with \`modules\` and scope \`global\`): module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module @@ -596,7 +597,8 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point (with \`modules\` and scope \`local\`): module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module @@ -923,7 +925,8 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module @@ -1226,7 +1229,8 @@ a[href=\\"\\" i] { exports[`loader should compile with \`js\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module @@ -1510,7 +1514,8 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports -exports.i(__webpack_require__(3), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = __webpack_require__(3); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = __webpack_require__(4); var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); // Module @@ -1785,7 +1790,8 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports -exports.i(__webpack_require__(3), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = __webpack_require__(3); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = __webpack_require__(4); var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); // Module diff --git a/test/__snapshots__/modules-option.test.js.snap b/test/__snapshots__/modules-option.test.js.snap index 0a4f5700..38cf7677 100644 --- a/test/__snapshots__/modules-option.test.js.snap +++ b/test/__snapshots__/modules-option.test.js.snap @@ -6132,6 +6132,10 @@ a { [class~='content'] { color:green; } + +._340mxt1qHaYWfC81FJUajb { + background: url(/webpack/public/path/img.png); +} ", "", ], @@ -6141,23 +6145,33 @@ a { exports[`modules composes should supports resolving: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./values.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./something.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported-simple.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"), \\"(min-width: 100px)\\"); +var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./values.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./something.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./imported-simple.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_2___, \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_3___, \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_4___ = require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_4___, \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_5___ = require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_5___, \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_6___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_6___, \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"(min-width: 100px)\\"); +var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +var ___CSS_LOADER_URL___0___ = getUrl(require(\\"../url/img.png\\")); // Module -exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + require(\\"-!../../../src/index.js??ref--4-0!./something.css\\").locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._340mxt1qHaYWfC81FJUajb {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { - \\"v-def\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-def\\"] + \\"\\", - \\"v-other\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-other\\"] + \\"\\", - \\"s-white\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"s-white\\"] + \\"\\", - \\"m-small\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"m-small\\"] + \\"\\", - \\"v-something\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./something.css\\").locals[\\"v-something\\"] + \\"\\", + \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\", + \\"v-other\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\"\\", + \\"s-white\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\"\\", + \\"m-small\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\"\\", + \\"v-something\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\"\\", \\"v-foo\\": \\"blue\\", \\"v-bar\\": \\"block\\", \\"v-primary\\": \\"#BF4040\\", @@ -6187,15 +6201,16 @@ exports.locals = { \\"other-other\\": \\"_1DFEYnAfn9LZyk4fErI86e\\", \\"green\\": \\"Ywv5coVC2RU-pIFhN9O4w\\", \\"foo\\": \\"_1tAbIwITRWAdZZE6wKNk9O\\", - \\"simple\\": \\"Q3SQ3BwtBwUFLlg6adzOI \\" + require(\\"-!../../../src/index.js??ref--4-0!./imported-simple.css\\").locals[\\"imported-simple\\"] + \\"\\", - \\"relative\\": \\"_1n5XhXj4SFnYrwziC3un0d \\" + require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\").locals[\\"imported-relative\\"] + \\"\\", - \\"top-relative\\": \\"_3dnFnGkAVAiMA6etF-naHc \\" + require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\").locals[\\"imported-relative\\"] + \\"\\", - \\"module\\": \\"_1xUePnlnafMQ1cExy3PUWT \\" + require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\").locals[\\"imported-module\\"] + \\"\\", - \\"alias\\": \\"_26Jdfenl9Xn8HXwb2jipvt \\" + require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\").locals[\\"imported-alias\\"] + \\"\\", + \\"simple\\": \\"Q3SQ3BwtBwUFLlg6adzOI \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"imported-simple\\"] + \\"\\", + \\"relative\\": \\"_1n5XhXj4SFnYrwziC3un0d \\" + ___CSS_LOADER_ICSS_IMPORT_3___.locals[\\"imported-relative\\"] + \\"\\", + \\"top-relative\\": \\"_3dnFnGkAVAiMA6etF-naHc \\" + ___CSS_LOADER_ICSS_IMPORT_4___.locals[\\"imported-relative\\"] + \\"\\", + \\"module\\": \\"_1xUePnlnafMQ1cExy3PUWT \\" + ___CSS_LOADER_ICSS_IMPORT_5___.locals[\\"imported-module\\"] + \\"\\", + \\"alias\\": \\"_26Jdfenl9Xn8HXwb2jipvt \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\", \\"primary-selector\\": \\"_1ya4VhsDkuPhQeVHQydw2Y\\", \\"black-selector\\": \\"sGE1Q_LliVEZU2Q4q9j4K\\", \\"header\\": \\"_2zSMJ4hQh0FesbZjiKW_ya\\", - \\"foobarbaz\\": \\"_3qS0_85PLYhk_pNQ69KfSo\\" + \\"foobarbaz\\": \\"_3qS0_85PLYhk_pNQ69KfSo\\", + \\"url\\": \\"_340mxt1qHaYWfC81FJUajb\\" };" `; @@ -6253,12 +6268,13 @@ Array [ exports[`modules issue #286: module 1`] = ` "exports = module.exports = require(\\"../../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"./dep.css\\"), \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"./dep.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\"); // Module exports.push([module.id, \\".b--main { }\\\\n\\", \\"\\"]); // Exports exports.locals = { - \\"main\\": \\"b--main \\" + require(\\"./dep.css\\").locals[\\"red\\"] + \\"\\" + \\"main\\": \\"b--main \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"red\\"] + \\"\\" };" `; @@ -6287,12 +6303,13 @@ Array [ exports[`modules issue #636: module 1`] = ` "exports = module.exports = require(\\"../../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../../src/index.js??ref--4-0!../../../../node_modules/sass-loader/dist/cjs.js??ref--4-1!./foo.scss\\"), \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../../src/index.js??ref--4-0!../../../../node_modules/sass-loader/dist/cjs.js??ref--4-1!./foo.scss\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\"); // Module exports.push([module.id, \\".prefix-bar {\\\\n}\\", \\"\\"]); // Exports exports.locals = { - \\"bar\\": \\"prefix-bar \\" + require(\\"-!../../../../src/index.js??ref--4-0!../../../../node_modules/sass-loader/dist/cjs.js??ref--4-1!./foo.scss\\").locals[\\"foo\\"] + \\"\\" + \\"bar\\": \\"prefix-bar \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"] + \\"\\" };" `; @@ -6342,14 +6359,16 @@ Array [ exports[`modules issue #861: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!@localpackage/color.css\\"), \\"\\"); -exports.i(require(\\"-!../../../src/index.js??ref--4-0!@localpackage/style.css\\"), \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!@localpackage/color.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\"); +var ___CSS_LOADER_ICSS_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!@localpackage/style.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\"); // Module -exports.push([module.id, \\"._2gV2e6TcHcPgyDTzxbvkKa {\\\\n color: \\" + require(\\"-!../../../src/index.js??ref--4-0!@localpackage/color.css\\").locals[\\"color-grey\\"] + \\";\\\\n margin: 0;\\\\n padding: 0;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"._2gV2e6TcHcPgyDTzxbvkKa {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"] + \\";\\\\n margin: 0;\\\\n padding: 0;\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { - \\"color-grey\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!@localpackage/color.css\\").locals[\\"color-grey\\"] + \\"\\", - \\"copyright\\": \\"_2gV2e6TcHcPgyDTzxbvkKa \\" + require(\\"-!../../../src/index.js??ref--4-0!@localpackage/style.css\\").locals[\\"type-heading\\"] + \\"\\" + \\"color-grey\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"] + \\"\\", + \\"copyright\\": \\"_2gV2e6TcHcPgyDTzxbvkKa \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"type-heading\\"] + \\"\\" };" `; diff --git a/test/__snapshots__/onlyLocals-option.test.js.snap b/test/__snapshots__/onlyLocals-option.test.js.snap index 3e3eff6f..e9d64b12 100644 --- a/test/__snapshots__/onlyLocals-option.test.js.snap +++ b/test/__snapshots__/onlyLocals-option.test.js.snap @@ -3,13 +3,21 @@ exports[`modules true (mode: local): errors 1`] = `Array []`; exports[`modules true (mode: local): module 1`] = ` -"// Exports +"// 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\\"); +var ___CSS_LOADER_ICSS_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./imported-simple.css\\"); +var ___CSS_LOADER_ICSS_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_ICSS_IMPORT_4___ = require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\"); +var ___CSS_LOADER_ICSS_IMPORT_5___ = require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\"); +var ___CSS_LOADER_ICSS_IMPORT_6___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\"); +// Exports module.exports = { - \\"v-def\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\")[\\"v-def\\"] + \\"\\", - \\"v-other\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\")[\\"v-other\\"] + \\"\\", - \\"s-white\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\")[\\"s-white\\"] + \\"\\", - \\"m-small\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\")[\\"m-small\\"] + \\"\\", - \\"v-something\\": \\"\\" + require(\\"-!../../../src/index.js??ref--4-0!./something.css\\")[\\"v-something\\"] + \\"\\", + \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"v-def\\"] + \\"\\", + \\"v-other\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"v-other\\"] + \\"\\", + \\"s-white\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"s-white\\"] + \\"\\", + \\"m-small\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"m-small\\"] + \\"\\", + \\"v-something\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___[\\"v-something\\"] + \\"\\", \\"v-foo\\": \\"blue\\", \\"v-bar\\": \\"block\\", \\"v-primary\\": \\"#BF4040\\", @@ -39,15 +47,16 @@ module.exports = { \\"other-other\\": \\"_other-other\\", \\"green\\": \\"_green\\", \\"foo\\": \\"_foo\\", - \\"simple\\": \\"_simple \\" + require(\\"-!../../../src/index.js??ref--4-0!./imported-simple.css\\")[\\"imported-simple\\"] + \\"\\", - \\"relative\\": \\"_relative \\" + require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\")[\\"imported-relative\\"] + \\"\\", - \\"top-relative\\": \\"_top-relative \\" + require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\")[\\"imported-relative\\"] + \\"\\", - \\"module\\": \\"_module \\" + require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\")[\\"imported-module\\"] + \\"\\", - \\"alias\\": \\"_alias \\" + require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\")[\\"imported-alias\\"] + \\"\\", + \\"simple\\": \\"_simple \\" + ___CSS_LOADER_ICSS_IMPORT_2___[\\"imported-simple\\"] + \\"\\", + \\"relative\\": \\"_relative \\" + ___CSS_LOADER_ICSS_IMPORT_3___[\\"imported-relative\\"] + \\"\\", + \\"top-relative\\": \\"_top-relative \\" + ___CSS_LOADER_ICSS_IMPORT_4___[\\"imported-relative\\"] + \\"\\", + \\"module\\": \\"_module \\" + ___CSS_LOADER_ICSS_IMPORT_5___[\\"imported-module\\"] + \\"\\", + \\"alias\\": \\"_alias \\" + ___CSS_LOADER_ICSS_IMPORT_6___[\\"imported-alias\\"] + \\"\\", \\"primary-selector\\": \\"_primary-selector\\", \\"black-selector\\": \\"_black-selector\\", \\"header\\": \\"_header\\", - \\"foobarbaz\\": \\"_foobarbaz\\" + \\"foobarbaz\\": \\"_foobarbaz\\", + \\"url\\": \\"_url\\" };" `; diff --git a/test/__snapshots__/url-option.test.js.snap b/test/__snapshots__/url-option.test.js.snap index 4767f15d..c3ce02f6 100644 --- a/test/__snapshots__/url-option.test.js.snap +++ b/test/__snapshots__/url-option.test.js.snap @@ -291,7 +291,8 @@ a { exports[`url option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./font.woff\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./font.woff2\\")); @@ -677,7 +678,8 @@ a { exports[`url option false: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); // Module exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(./img.png);\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\\\\\"./img.png\\\\\\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img.png' ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( ./img.png ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(~package/img.png) url(./other-img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img img.png' ) 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(./font.woff) format('woff'),\\\\n url('./font.woff2') format('woff2'),\\\\n url(\\\\\\"./font.eot\\\\\\") format('eot'),\\\\n url(~package/font.ttf) format('truetype'),\\\\n url(\\\\\\"./font with spaces.eot\\\\\\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url('./font.svg#svgFontName') format('svg'),\\\\n url('./font.woff2?foo=bar') format('woff2'),\\\\n url(\\\\\\"./font.eot?#iefix\\\\\\") format('embedded-opentype'),\\\\n url(\\\\\\"./font with spaces.eot?#iefix\\\\\\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\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('./img.png') xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url('./img1x.png') 1x, url('./img2x.png') 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url('./img1x.png') 1x, url('./img2x.png') 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(\\\\\\"./img.png?foo\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url('./img.png') url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url('./img.png');\\\\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('img-simple.png');\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url('../url/img-simple.png');\\\\n}\\\\n\\\\n.tilde {\\\\n background: url('~package/img.png');\\\\n}\\\\n\\\\n.aliases {\\\\n background: url('~aliasesImg/img.png') ;\\\\n}\\\\n\\\\na {\\\\n background: url(./nested/img.png);\\\\n}\\\\n\\\\na {\\\\n background: url(nested/img.png);\\\\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(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img img.png\\\\\\" 1x, \\\\\\"./img img.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x),\\\\n image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\n \\\\\\"./img1x.png\\\\\\" 1x,\\\\n \\\\\\"./img2x.png\\\\\\" 2x,\\\\n \\\\\\"./img3x.png\\\\\\" 600dpi\\\\n );\\\\n background-image: image-set(\\\\\\"./img1x.png?foo=bar\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png#hash\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png?#iefix\\\\\\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, url(\\\\\\"./img2x.png\\\\\\") 2x);\\\\n background-image: -webkit-image-set(url(\\\\\\"./img1x.png\\\\\\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\\\\\"./img1x.png\\\\\\") 1x\\\\n );\\\\n background-image: image-set(url(./img1x.png) 1x);\\\\n background-image: image-set(\\\\n url(./img1x.png) 1x\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, url(\\\\\\"./img2x.png\\\\\\") 2x);\\\\n background-image: image-set(\\\\n url(./img1x.png) 1x,\\\\n url(./img2x.png) 2x,\\\\n url(./img3x.png) 600dpi\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img img.png\\\\\\") 1x, url(\\\\\\"./img img.png\\\\\\") 2x);\\\\n\\\\n background-image: image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n}\\\\n\\", \\"\\"]); " @@ -976,7 +978,8 @@ a { exports[`url option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); @@ -1375,7 +1378,8 @@ a { exports[`url option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); @@ -1774,7 +1778,8 @@ a { exports[`url option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); @@ -2184,7 +2189,8 @@ a { exports[`url option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); @@ -2594,7 +2600,8 @@ a { exports[`url option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -exports.i(require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"), \\"\\"); +var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); diff --git a/test/fixtures/modules/composes.css b/test/fixtures/modules/composes.css index 015963f2..57b3d184 100644 --- a/test/fixtures/modules/composes.css +++ b/test/fixtures/modules/composes.css @@ -143,3 +143,7 @@ a { [class~=v-string] { color:green; } + +.url { + background: url(../url/img.png); +} From 1d3d475fc46a14be8c8c65968c2ade3f03a36139 Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Wed, 4 Dec 2019 14:43:53 +0300 Subject: [PATCH 02/10] refactor: avoid unnecessary empty media --- src/plugins/postcss-icss-parser.js | 2 +- src/utils.js | 6 +- test/__snapshots__/import-option.test.js.snap | 248 +++++++----------- .../importLoaders-option.test.js.snap | 10 +- test/__snapshots__/loader.test.js.snap | 12 +- .../__snapshots__/modules-option.test.js.snap | 22 +- test/__snapshots__/url-option.test.js.snap | 14 +- 7 files changed, 133 insertions(+), 181 deletions(-) diff --git a/src/plugins/postcss-icss-parser.js b/src/plugins/postcss-icss-parser.js index b2c47331..40ecc291 100644 --- a/src/plugins/postcss-icss-parser.js +++ b/src/plugins/postcss-icss-parser.js @@ -22,7 +22,7 @@ export default postcss.plugin( result.messages.push({ pluginName, type: 'import', - value: { type: 'icss-import', name: importName, url, media: '' }, + value: { type: 'icss-import', name: importName, url }, }); tokens.forEach((token, replacementIndex) => { diff --git a/src/utils.js b/src/utils.js index 606cbceb..a7180702 100644 --- a/src/utils.js +++ b/src/utils.js @@ -220,10 +220,10 @@ function getImportCode(loaderContext, imports, options) { loaderContext, options.importPrefix + urlToRequest(item.url) ); - const media = JSON.stringify(item.media); + const media = item.media ? `, ${JSON.stringify(item.media)}` : ''; if (!isUrlRequest(item.url)) { - items.push(`exports.push([module.id, ${url}, ${media}]);`); + items.push(`exports.push([module.id, ${url}${media}]);`); return; } @@ -231,7 +231,7 @@ function getImportCode(loaderContext, imports, options) { items.push(`var ${item.name} = require(${url});`); if (options.exportType === 'full') { - items.push(`exports.i(${item.name}, ${media});`); + items.push(`exports.i(${item.name}${media});`); } } diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap index fe782a24..73de3882 100644 --- a/test/__snapshots__/import-option.test.js.snap +++ b/test/__snapshots__/import-option.test.js.snap @@ -23,22 +23,18 @@ Array [ 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, @@ -48,7 +44,6 @@ Array [ Array [ 1, "@import url(//example.com/style.css);", - "", ], Array [ 4, @@ -77,17 +72,14 @@ Array [ 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 [ 7, @@ -189,31 +181,31 @@ var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!. exports.i(___CSS_LOADER_IMPORT___0___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); exports.i(___CSS_LOADER_IMPORT___1___, \\"(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/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.push([module.id, \\"@import url(//example.com/style.css);\\"]); var ___CSS_LOADER_IMPORT___8___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -exports.i(___CSS_LOADER_IMPORT___8___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___8___); var ___CSS_LOADER_IMPORT___9___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -exports.i(___CSS_LOADER_IMPORT___9___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___9___); var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_IMPORT___10___, \\"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.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);\\"]); var ___CSS_LOADER_IMPORT___14___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___14___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___14___); var ___CSS_LOADER_IMPORT___15___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___15___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___15___); var ___CSS_LOADER_IMPORT___16___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -exports.i(___CSS_LOADER_IMPORT___16___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___16___); var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___17___); var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___18___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -409,22 +401,18 @@ Array [ 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, @@ -434,7 +422,6 @@ Array [ Array [ 1, "@import url(//example.com/style.css);", - "", ], Array [ 6, @@ -471,17 +458,14 @@ Array [ 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, @@ -562,40 +546,40 @@ exports[`import option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); exports.i(___CSS_LOADER_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/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.push([module.id, \\"@import url(//example.com/style.css);\\"]); var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___10___); var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___11___); var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___12___); var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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.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);\\"]); var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___17___); var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___18___); var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___19___); var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___20___); var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___21___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -700,22 +684,18 @@ Array [ 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, @@ -725,7 +705,6 @@ Array [ Array [ 1, "@import url(//example.com/style.css);", - "", ], Array [ 6, @@ -762,17 +741,14 @@ Array [ 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, @@ -853,40 +829,40 @@ exports[`import option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); exports.i(___CSS_LOADER_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/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.push([module.id, \\"@import url(//example.com/style.css);\\"]); var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___10___); var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___11___); var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___12___); var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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.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);\\"]); var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___17___); var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___18___); var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___19___); var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___20___); var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___21___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -991,22 +967,18 @@ Array [ 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, @@ -1016,7 +988,6 @@ Array [ Array [ 1, "@import url(//example.com/style.css);", - "", ], Array [ 6, @@ -1053,17 +1024,14 @@ Array [ 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, @@ -1144,40 +1112,40 @@ exports[`import option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); exports.i(___CSS_LOADER_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/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.push([module.id, \\"@import url(//example.com/style.css);\\"]); var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___10___); var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___11___); var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___12___); var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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.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);\\"]); var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___17___); var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___18___); var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___19___); var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___20___); var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___21___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -1287,22 +1255,18 @@ Array [ 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, @@ -1312,7 +1276,6 @@ Array [ Array [ 1, "@import url(//example.com/style.css);", - "", ], Array [ 6, @@ -1349,17 +1312,14 @@ Array [ 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, @@ -1440,40 +1400,40 @@ exports[`import option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); exports.i(___CSS_LOADER_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/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.push([module.id, \\"@import url(//example.com/style.css);\\"]); var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___10___); var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___11___); var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___12___); var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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.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);\\"]); var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___17___); var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___18___); var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___19___); var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___20___); var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___21___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module @@ -1583,22 +1543,18 @@ Array [ 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, @@ -1608,7 +1564,6 @@ Array [ Array [ 1, "@import url(//example.com/style.css);", - "", ], Array [ 6, @@ -1645,17 +1600,14 @@ Array [ 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, @@ -1736,40 +1688,40 @@ exports[`import option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); exports.i(___CSS_LOADER_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/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.push([module.id, \\"@import url(//example.com/style.css);\\"]); var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -exports.i(___CSS_LOADER_IMPORT___10___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___10___); var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -exports.i(___CSS_LOADER_IMPORT___11___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___11___); var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -exports.i(___CSS_LOADER_IMPORT___12___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___12___); var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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.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);\\"]); var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___17___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___17___); var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -exports.i(___CSS_LOADER_IMPORT___18___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___18___); var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -exports.i(___CSS_LOADER_IMPORT___19___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___19___); var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -exports.i(___CSS_LOADER_IMPORT___20___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___20___); var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -exports.i(___CSS_LOADER_IMPORT___21___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___21___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module diff --git a/test/__snapshots__/importLoaders-option.test.js.snap b/test/__snapshots__/importLoaders-option.test.js.snap index b16801ea..00b1dfd8 100644 --- a/test/__snapshots__/importLoaders-option.test.js.snap +++ b/test/__snapshots__/importLoaders-option.test.js.snap @@ -29,7 +29,7 @@ exports[`importLoaders option 0 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -66,7 +66,7 @@ exports[`importLoaders option 1 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -103,7 +103,7 @@ exports[`importLoaders option 1 (no loaders before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgb(0 0 100% / 90%);\\\\n}\\\\n\\", \\"\\"]); " @@ -140,7 +140,7 @@ exports[`importLoaders option 2 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -177,7 +177,7 @@ exports[`importLoaders option not specify (no loader before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap index d56cecca..4b8e7673 100644 --- a/test/__snapshots__/loader.test.js.snap +++ b/test/__snapshots__/loader.test.js.snap @@ -294,7 +294,7 @@ exports[`loader should compile with \`css\` entry point (with \`modules\` and sc "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module @@ -598,7 +598,7 @@ exports[`loader should compile with \`css\` entry point (with \`modules\` and sc "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module @@ -926,7 +926,7 @@ exports[`loader should compile with \`css\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module @@ -1230,7 +1230,7 @@ exports[`loader should compile with \`js\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module @@ -1515,7 +1515,7 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports var ___CSS_LOADER_IMPORT___0___ = __webpack_require__(3); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = __webpack_require__(4); var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); // Module @@ -1791,7 +1791,7 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports var ___CSS_LOADER_IMPORT___0___ = __webpack_require__(3); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = __webpack_require__(4); var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); // Module diff --git a/test/__snapshots__/modules-option.test.js.snap b/test/__snapshots__/modules-option.test.js.snap index 38cf7677..f3270bfd 100644 --- a/test/__snapshots__/modules-option.test.js.snap +++ b/test/__snapshots__/modules-option.test.js.snap @@ -6146,19 +6146,19 @@ exports[`modules composes should supports resolving: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./values.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___); var ___CSS_LOADER_ICSS_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./something.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_1___); var ___CSS_LOADER_ICSS_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./imported-simple.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_2___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_2___); var ___CSS_LOADER_ICSS_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_3___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_3___); var ___CSS_LOADER_ICSS_IMPORT_4___ = require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_4___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_4___); var ___CSS_LOADER_ICSS_IMPORT_5___ = require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_5___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_5___); var ___CSS_LOADER_ICSS_IMPORT_6___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_6___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_6___); var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); exports.i(___CSS_LOADER_IMPORT___0___, \\"(min-width: 100px)\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); @@ -6269,7 +6269,7 @@ exports[`modules issue #286: module 1`] = ` "exports = module.exports = require(\\"../../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"./dep.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___); // Module exports.push([module.id, \\".b--main { }\\\\n\\", \\"\\"]); // Exports @@ -6304,7 +6304,7 @@ exports[`modules issue #636: module 1`] = ` "exports = module.exports = require(\\"../../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../../src/index.js??ref--4-0!../../../../node_modules/sass-loader/dist/cjs.js??ref--4-1!./foo.scss\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___); // Module exports.push([module.id, \\".prefix-bar {\\\\n}\\", \\"\\"]); // Exports @@ -6360,9 +6360,9 @@ exports[`modules issue #861: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!@localpackage/color.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___); var ___CSS_LOADER_ICSS_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!@localpackage/style.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_1___); // Module exports.push([module.id, \\"._2gV2e6TcHcPgyDTzxbvkKa {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"] + \\";\\\\n margin: 0;\\\\n padding: 0;\\\\n}\\\\n\\", \\"\\"]); // Exports diff --git a/test/__snapshots__/url-option.test.js.snap b/test/__snapshots__/url-option.test.js.snap index c3ce02f6..ac66a766 100644 --- a/test/__snapshots__/url-option.test.js.snap +++ b/test/__snapshots__/url-option.test.js.snap @@ -292,7 +292,7 @@ exports[`url option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./font.woff\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./font.woff2\\")); @@ -679,7 +679,7 @@ exports[`url option false: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); // Module exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(./img.png);\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\\\\\"./img.png\\\\\\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img.png' ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( ./img.png ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(~package/img.png) url(./other-img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img img.png' ) 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(./font.woff) format('woff'),\\\\n url('./font.woff2') format('woff2'),\\\\n url(\\\\\\"./font.eot\\\\\\") format('eot'),\\\\n url(~package/font.ttf) format('truetype'),\\\\n url(\\\\\\"./font with spaces.eot\\\\\\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url('./font.svg#svgFontName') format('svg'),\\\\n url('./font.woff2?foo=bar') format('woff2'),\\\\n url(\\\\\\"./font.eot?#iefix\\\\\\") format('embedded-opentype'),\\\\n url(\\\\\\"./font with spaces.eot?#iefix\\\\\\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\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('./img.png') xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url('./img1x.png') 1x, url('./img2x.png') 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url('./img1x.png') 1x, url('./img2x.png') 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(\\\\\\"./img.png?foo\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url('./img.png') url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url('./img.png');\\\\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('img-simple.png');\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url('../url/img-simple.png');\\\\n}\\\\n\\\\n.tilde {\\\\n background: url('~package/img.png');\\\\n}\\\\n\\\\n.aliases {\\\\n background: url('~aliasesImg/img.png') ;\\\\n}\\\\n\\\\na {\\\\n background: url(./nested/img.png);\\\\n}\\\\n\\\\na {\\\\n background: url(nested/img.png);\\\\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(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img img.png\\\\\\" 1x, \\\\\\"./img img.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x),\\\\n image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\n \\\\\\"./img1x.png\\\\\\" 1x,\\\\n \\\\\\"./img2x.png\\\\\\" 2x,\\\\n \\\\\\"./img3x.png\\\\\\" 600dpi\\\\n );\\\\n background-image: image-set(\\\\\\"./img1x.png?foo=bar\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png#hash\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png?#iefix\\\\\\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, url(\\\\\\"./img2x.png\\\\\\") 2x);\\\\n background-image: -webkit-image-set(url(\\\\\\"./img1x.png\\\\\\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\\\\\"./img1x.png\\\\\\") 1x\\\\n );\\\\n background-image: image-set(url(./img1x.png) 1x);\\\\n background-image: image-set(\\\\n url(./img1x.png) 1x\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, url(\\\\\\"./img2x.png\\\\\\") 2x);\\\\n background-image: image-set(\\\\n url(./img1x.png) 1x,\\\\n url(./img2x.png) 2x,\\\\n url(./img3x.png) 600dpi\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img img.png\\\\\\") 1x, url(\\\\\\"./img img.png\\\\\\") 2x);\\\\n\\\\n background-image: image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n}\\\\n\\", \\"\\"]); " @@ -979,7 +979,7 @@ exports[`url option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); @@ -1379,7 +1379,7 @@ exports[`url option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); @@ -1779,7 +1779,7 @@ exports[`url option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); @@ -2190,7 +2190,7 @@ exports[`url option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); @@ -2601,7 +2601,7 @@ exports[`url option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); From 6cb49d51ea539f1546f10562746b0bd247495656 Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Wed, 4 Dec 2019 14:49:26 +0300 Subject: [PATCH 03/10] refactor: perf --- src/plugins/postcss-icss-parser.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/plugins/postcss-icss-parser.js b/src/plugins/postcss-icss-parser.js index 40ecc291..cc349fff 100644 --- a/src/plugins/postcss-icss-parser.js +++ b/src/plugins/postcss-icss-parser.js @@ -39,7 +39,9 @@ export default postcss.plugin( }); }); - replaceSymbols(css, importReplacements); + if (Object.keys(importReplacements).length > 0) { + replaceSymbols(css, importReplacements); + } Object.keys(icssExports).forEach((name) => { const value = replaceValueSymbols( From 8f93da49dceb9b5542baef76b54a74d2fa211116 Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Wed, 4 Dec 2019 14:57:27 +0300 Subject: [PATCH 04/10] refactor: order require and runtime code --- src/utils.js | 15 +- test/__snapshots__/import-option.test.js.snap | 150 +++++++++--------- test/__snapshots__/loader.test.js.snap | 12 +- .../__snapshots__/modules-option.test.js.snap | 18 +-- .../onlyLocals-option.test.js.snap | 1 + test/__snapshots__/url-option.test.js.snap | 12 +- 6 files changed, 105 insertions(+), 103 deletions(-) diff --git a/src/utils.js b/src/utils.js index a7180702..96f74c62 100644 --- a/src/utils.js +++ b/src/utils.js @@ -208,7 +208,8 @@ function getApiCode(loaderContext, sourceMap) { } function getImportCode(loaderContext, imports, options) { - const items = []; + const importItems = []; + const codeItems = []; let hasUrlHelperCode = false; @@ -223,15 +224,15 @@ function getImportCode(loaderContext, imports, options) { const media = item.media ? `, ${JSON.stringify(item.media)}` : ''; if (!isUrlRequest(item.url)) { - items.push(`exports.push([module.id, ${url}${media}]);`); + codeItems.push(`exports.push([module.id, ${url}${media}]);`); return; } - items.push(`var ${item.name} = require(${url});`); + importItems.push(`var ${item.name} = require(${url});`); if (options.exportType === 'full') { - items.push(`exports.i(${item.name}${media});`); + codeItems.push(`exports.i(${item.name}${media});`); } } @@ -240,7 +241,7 @@ function getImportCode(loaderContext, imports, options) { const pathToGetUrl = require.resolve('./runtime/getUrl.js'); const url = stringifyRequest(loaderContext, pathToGetUrl); - items.push(`var getUrl = require(${url});`); + importItems.push(`var getUrl = require(${url});`); hasUrlHelperCode = true; } @@ -269,13 +270,13 @@ function getImportCode(loaderContext, imports, options) { const preparedOptions = getUrlOptions.length > 0 ? `, { ${getUrlOptions.join(', ')} }` : ''; - items.push( + codeItems.push( `var ${name} = getUrl(require(${preparedUrl})${preparedOptions});` ); } }); - return `// Imports\n${items.join('\n')}\n`; + return `// Imports\n${importItems.join('\n')}\n${codeItems.join('\n')}\n`; } function getModuleCode(loaderContext, result, replacers, sourceMap) { diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap index 73de3882..baa648d7 100644 --- a/test/__snapshots__/import-option.test.js.snap +++ b/test/__snapshots__/import-option.test.js.snap @@ -178,8 +178,17 @@ exports[`import option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT___8___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT___9___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___14___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT___15___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT___16___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___, \\"screen and print\\"); exports.i(___CSS_LOADER_IMPORT___1___, \\"(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);\\"]); @@ -187,26 +196,17 @@ 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);\\"]); -var ___CSS_LOADER_IMPORT___8___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); exports.i(___CSS_LOADER_IMPORT___8___); -var ___CSS_LOADER_IMPORT___9___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_IMPORT___9___); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_IMPORT___10___, \\"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);\\"]); -var ___CSS_LOADER_IMPORT___14___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); exports.i(___CSS_LOADER_IMPORT___14___); -var ___CSS_LOADER_IMPORT___15___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); exports.i(___CSS_LOADER_IMPORT___15___); -var ___CSS_LOADER_IMPORT___16___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); exports.i(___CSS_LOADER_IMPORT___16___); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); exports.i(___CSS_LOADER_IMPORT___17___); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); exports.i(___CSS_LOADER_IMPORT___18___); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -546,12 +546,22 @@ exports[`import option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); exports.i(___CSS_LOADER_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);\\"]); @@ -559,28 +569,18 @@ 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);\\"]); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); exports.i(___CSS_LOADER_IMPORT___10___); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); exports.i(___CSS_LOADER_IMPORT___11___); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_IMPORT___12___); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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);\\"]); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); exports.i(___CSS_LOADER_IMPORT___17___); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); exports.i(___CSS_LOADER_IMPORT___18___); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); exports.i(___CSS_LOADER_IMPORT___19___); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); exports.i(___CSS_LOADER_IMPORT___20___); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); exports.i(___CSS_LOADER_IMPORT___21___); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -829,12 +829,22 @@ exports[`import option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); exports.i(___CSS_LOADER_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);\\"]); @@ -842,28 +852,18 @@ 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);\\"]); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); exports.i(___CSS_LOADER_IMPORT___10___); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); exports.i(___CSS_LOADER_IMPORT___11___); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_IMPORT___12___); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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);\\"]); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); exports.i(___CSS_LOADER_IMPORT___17___); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); exports.i(___CSS_LOADER_IMPORT___18___); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); exports.i(___CSS_LOADER_IMPORT___19___); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); exports.i(___CSS_LOADER_IMPORT___20___); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); exports.i(___CSS_LOADER_IMPORT___21___); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -1112,12 +1112,22 @@ exports[`import option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); exports.i(___CSS_LOADER_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);\\"]); @@ -1125,28 +1135,18 @@ 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);\\"]); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); exports.i(___CSS_LOADER_IMPORT___10___); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); exports.i(___CSS_LOADER_IMPORT___11___); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_IMPORT___12___); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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);\\"]); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); exports.i(___CSS_LOADER_IMPORT___17___); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); exports.i(___CSS_LOADER_IMPORT___18___); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); exports.i(___CSS_LOADER_IMPORT___19___); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); exports.i(___CSS_LOADER_IMPORT___20___); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); exports.i(___CSS_LOADER_IMPORT___21___); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -1400,12 +1400,22 @@ exports[`import option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); exports.i(___CSS_LOADER_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);\\"]); @@ -1413,28 +1423,18 @@ 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);\\"]); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); exports.i(___CSS_LOADER_IMPORT___10___); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); exports.i(___CSS_LOADER_IMPORT___11___); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_IMPORT___12___); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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);\\"]); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); exports.i(___CSS_LOADER_IMPORT___17___); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); exports.i(___CSS_LOADER_IMPORT___18___); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); exports.i(___CSS_LOADER_IMPORT___19___); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); exports.i(___CSS_LOADER_IMPORT___20___); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); exports.i(___CSS_LOADER_IMPORT___21___); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -1688,12 +1688,22 @@ exports[`import option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); exports.i(___CSS_LOADER_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);\\"]); @@ -1701,28 +1711,18 @@ 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);\\"]); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); exports.i(___CSS_LOADER_IMPORT___10___); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); exports.i(___CSS_LOADER_IMPORT___11___); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_IMPORT___12___); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); exports.i(___CSS_LOADER_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);\\"]); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); exports.i(___CSS_LOADER_IMPORT___17___); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); exports.i(___CSS_LOADER_IMPORT___18___); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); exports.i(___CSS_LOADER_IMPORT___19___); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); exports.i(___CSS_LOADER_IMPORT___20___); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); exports.i(___CSS_LOADER_IMPORT___21___); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap index 4b8e7673..06a32fe7 100644 --- a/test/__snapshots__/loader.test.js.snap +++ b/test/__snapshots__/loader.test.js.snap @@ -294,8 +294,8 @@ exports[`loader should compile with \`css\` entry point (with \`modules\` and sc "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -598,8 +598,8 @@ exports[`loader should compile with \`css\` entry point (with \`modules\` and sc "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._3YYoEr128Gk7ZgfRycu4tr {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { a: b c d; }\\\\n\\\\n._1LWD9ZV4XMmN23IPiMONS3 {}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f { a: b c d; }\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n\\\\n#Zmuw5k7Gg4hpgd6CVBEkq {}\\\\n\\\\n.nz2GDQ2B9PRi6GmzRwbUM {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._12Sbi_HmVVsUl9TM-zo3h- {\\\\n align-items: center;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM.gpFhy6a0Dyg4XrktE4jA3 {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\n.YDvxHwoU5TyTmW1oTkKgw {}\\\\n\\\\n#_3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n._3Zu4uw_Urs6mU3AHN6h0NV {}\\\\n\\\\n._4_pn9LmAb2XtAy0kg4FN_ {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._2LEttkwzH7jRE93Ku8MGqY {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#_2E85FJStrx25rDG2lYWifC {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_2pyPm3oWgKQ-rjECcnFYrX {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2pmolVDQD2g7wt3ejy2doK {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n._2mQhIWfQwYBHR8C-27Rb-E {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n._2H1jUQC4I1yE2c9CEwXfAS._3HDHfIW-5V2j3qdUcRiaMD ._2eB5NM0D15e1HQWl3AHa8q:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.JNjvwXXuHnb_zjhkwPzBD {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -926,8 +926,8 @@ exports[`loader should compile with \`css\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -1230,8 +1230,8 @@ exports[`loader should compile with \`js\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -1515,8 +1515,8 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports var ___CSS_LOADER_IMPORT___0___ = __webpack_require__(3); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = __webpack_require__(4); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); // Module exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -1791,8 +1791,8 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports var ___CSS_LOADER_IMPORT___0___ = __webpack_require__(3); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = __webpack_require__(4); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); // Module exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); diff --git a/test/__snapshots__/modules-option.test.js.snap b/test/__snapshots__/modules-option.test.js.snap index f3270bfd..93150265 100644 --- a/test/__snapshots__/modules-option.test.js.snap +++ b/test/__snapshots__/modules-option.test.js.snap @@ -6146,22 +6146,22 @@ exports[`modules composes should supports resolving: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./values.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_0___); var ___CSS_LOADER_ICSS_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./something.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_1___); var ___CSS_LOADER_ICSS_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./imported-simple.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_2___); var ___CSS_LOADER_ICSS_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_3___); var ___CSS_LOADER_ICSS_IMPORT_4___ = require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_4___); var ___CSS_LOADER_ICSS_IMPORT_5___ = require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_5___); var ___CSS_LOADER_ICSS_IMPORT_6___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_6___); var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"(min-width: 100px)\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___); +exports.i(___CSS_LOADER_ICSS_IMPORT_1___); +exports.i(___CSS_LOADER_ICSS_IMPORT_2___); +exports.i(___CSS_LOADER_ICSS_IMPORT_3___); +exports.i(___CSS_LOADER_ICSS_IMPORT_4___); +exports.i(___CSS_LOADER_ICSS_IMPORT_5___); +exports.i(___CSS_LOADER_ICSS_IMPORT_6___); +exports.i(___CSS_LOADER_IMPORT___0___, \\"(min-width: 100px)\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"../url/img.png\\")); // Module exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._340mxt1qHaYWfC81FJUajb {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -6360,8 +6360,8 @@ exports[`modules issue #861: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!@localpackage/color.css\\"); -exports.i(___CSS_LOADER_ICSS_IMPORT_0___); var ___CSS_LOADER_ICSS_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!@localpackage/style.css\\"); +exports.i(___CSS_LOADER_ICSS_IMPORT_0___); exports.i(___CSS_LOADER_ICSS_IMPORT_1___); // Module exports.push([module.id, \\"._2gV2e6TcHcPgyDTzxbvkKa {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"] + \\";\\\\n margin: 0;\\\\n padding: 0;\\\\n}\\\\n\\", \\"\\"]); diff --git a/test/__snapshots__/onlyLocals-option.test.js.snap b/test/__snapshots__/onlyLocals-option.test.js.snap index e9d64b12..dcad8961 100644 --- a/test/__snapshots__/onlyLocals-option.test.js.snap +++ b/test/__snapshots__/onlyLocals-option.test.js.snap @@ -11,6 +11,7 @@ var ___CSS_LOADER_ICSS_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4- var ___CSS_LOADER_ICSS_IMPORT_4___ = require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\"); var ___CSS_LOADER_ICSS_IMPORT_5___ = require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\"); var ___CSS_LOADER_ICSS_IMPORT_6___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\"); + // Exports module.exports = { \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"v-def\\"] + \\"\\", diff --git a/test/__snapshots__/url-option.test.js.snap b/test/__snapshots__/url-option.test.js.snap index ac66a766..9118daa4 100644 --- a/test/__snapshots__/url-option.test.js.snap +++ b/test/__snapshots__/url-option.test.js.snap @@ -292,8 +292,8 @@ exports[`url option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./font.woff\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./font.woff2\\")); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"./font.eot\\")); @@ -979,8 +979,8 @@ exports[`url option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); @@ -1379,8 +1379,8 @@ exports[`url option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); @@ -1779,8 +1779,8 @@ exports[`url option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); @@ -2190,8 +2190,8 @@ exports[`url option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); @@ -2601,8 +2601,8 @@ exports[`url option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +exports.i(___CSS_LOADER_IMPORT___0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); From cfcbc8e1e180240a7193b0a3ddcaae7fa220438d Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Wed, 4 Dec 2019 15:22:55 +0300 Subject: [PATCH 05/10] refactor: postcss-url-parser --- src/plugins/postcss-url-parser.js | 8 +++++++- src/utils.js | 26 +++++--------------------- 2 files changed, 12 insertions(+), 22 deletions(-) diff --git a/src/plugins/postcss-url-parser.js b/src/plugins/postcss-url-parser.js index d5b33848..14b09d9b 100644 --- a/src/plugins/postcss-url-parser.js +++ b/src/plugins/postcss-url-parser.js @@ -125,13 +125,19 @@ export default postcss.plugin( const name = `___CSS_LOADER_URL___${index}___`; const { url, needQuotes } = path; + const [normalizedUrl, singleQuery, hashValue] = url.split(/(\?)?#/); + const hash = + singleQuery || hashValue + ? `${singleQuery ? '?' : ''}${hashValue ? `#${hashValue}` : ''}` + : ''; + placeholders.push({ name, path }); result.messages.push( { pluginName, type: 'import', - value: { type: 'url', url, name, needQuotes }, + value: { type: 'url', name, url: normalizedUrl, needQuotes, hash }, }, { pluginName, diff --git a/src/utils.js b/src/utils.js index 96f74c62..f4cfab43 100644 --- a/src/utils.js +++ b/src/utils.js @@ -246,27 +246,11 @@ function getImportCode(loaderContext, imports, options) { hasUrlHelperCode = true; } - const { url, name, needQuotes } = item; - const [normalizedUrl, singleQuery, hashValue] = url.split(/(\?)?#/); - const hash = - singleQuery || hashValue - ? `"${singleQuery ? '?' : ''}${hashValue ? `#${hashValue}` : ''}"` - : ''; - - const getUrlOptions = []; - - if (hash) { - getUrlOptions.push(`hash: ${hash}`); - } - - if (needQuotes) { - getUrlOptions.push(`needQuotes: true`); - } - - const preparedUrl = stringifyRequest( - loaderContext, - urlToRequest(normalizedUrl) - ); + const { name, url, hash, needQuotes } = item; + const getUrlOptions = [] + .concat(hash ? [`hash: ${JSON.stringify(hash)}`] : []) + .concat(needQuotes ? 'needQuotes: true' : []); + const preparedUrl = stringifyRequest(loaderContext, urlToRequest(url)); const preparedOptions = getUrlOptions.length > 0 ? `, { ${getUrlOptions.join(', ')} }` : ''; From c90c49be617ea57aae7d2ecf95f300245bb3df4e Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Wed, 4 Dec 2019 15:24:35 +0300 Subject: [PATCH 06/10] refactor: code --- src/utils.js | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/utils.js b/src/utils.js index f4cfab43..510970fd 100644 --- a/src/utils.js +++ b/src/utils.js @@ -276,11 +276,12 @@ function getModuleCode(loaderContext, result, replacers, sourceMap) { } if (type === 'icss-import') { - cssCode = cssCode.replace(new RegExp(name, 'g'), () => { - const { importName, localName } = replacer; + const { importName, localName } = replacer; - return `" + ${importName}.locals[${JSON.stringify(localName)}] + "`; - }); + cssCode = cssCode.replace( + new RegExp(name, 'g'), + () => `" + ${importName}.locals[${JSON.stringify(localName)}] + "` + ); } }); @@ -346,14 +347,13 @@ function getExportCode(loaderContext, exports, replacers, options) { replacers.forEach((replacer) => { if (replacer.type === 'icss-import') { const { name, importName } = replacer; + const localName = JSON.stringify(replacer.localName); - exportCode = exportCode.replace(new RegExp(name, 'g'), () => { - const localName = JSON.stringify(replacer.localName); - - return options.exportType === 'locals' + exportCode = exportCode.replace(new RegExp(name, 'g'), () => + options.exportType === 'locals' ? `" + ${importName}[${localName}] + "` - : `" + ${importName}.locals[${localName}] + "`; - }); + : `" + ${importName}.locals[${localName}] + "` + ); } }); From f9fa4c3253819268522e8978de14beb79a713fb0 Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Wed, 4 Dec 2019 17:45:52 +0300 Subject: [PATCH 07/10] refactor: postcss-url-parser --- src/plugins/postcss-url-parser.js | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/plugins/postcss-url-parser.js b/src/plugins/postcss-url-parser.js index 14b09d9b..c4635cff 100644 --- a/src/plugins/postcss-url-parser.js +++ b/src/plugins/postcss-url-parser.js @@ -90,11 +90,7 @@ function walkDeclsWithUrl(css, result, filter) { css.walkDecls((decl) => { const item = getUrlsFromValue(decl.value, result, filter, decl); - if (!item) { - return; - } - - if (item.urls.length === 0) { + if (!item || item.urls.length === 0) { return; } From 0007deeb92d25142d106a3fa82732ad45a988f65 Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Thu, 5 Dec 2019 14:30:20 +0300 Subject: [PATCH 08/10] refactor: postcss-import-parser --- src/plugins/postcss-import-parser.js | 47 +-- test/__snapshots__/import-option.test.js.snap | 300 +++++++++--------- .../importLoaders-option.test.js.snap | 20 +- test/__snapshots__/loader.test.js.snap | 24 +- .../__snapshots__/modules-option.test.js.snap | 4 +- test/__snapshots__/url-option.test.js.snap | 28 +- 6 files changed, 216 insertions(+), 207 deletions(-) diff --git a/src/plugins/postcss-import-parser.js b/src/plugins/postcss-import-parser.js index cc3b6cc8..57a6abed 100644 --- a/src/plugins/postcss-import-parser.js +++ b/src/plugins/postcss-import-parser.js @@ -1,8 +1,6 @@ import postcss from 'postcss'; import valueParser from 'postcss-value-parser'; -import { uniqWith } from '../utils'; - const pluginName = 'postcss-import-parser'; function getArg(nodes) { @@ -46,7 +44,7 @@ function parseImport(params) { } function walkAtRules(css, result, filter) { - const items = []; + const items = new Map(); css.walkAtRules(/^import$/i, (atRule) => { // Convert only top-level @import @@ -79,8 +77,13 @@ function walkAtRules(css, result, filter) { atRule.remove(); const { url, media } = parsed; + const value = items.get(url); - items.push({ url, media }); + if (!value) { + items.set(url, new Set([media])); + } else { + value.add(media); + } }); return items; @@ -90,21 +93,27 @@ export default postcss.plugin( pluginName, (options) => function process(css, result) { - const traversed = walkAtRules(css, result, options.filter); - const paths = uniqWith( - traversed, - (value, other) => value.url === other.url && value.media === other.media - ); - - paths.forEach((item, index) => { - const { url, media } = item; - const name = `___CSS_LOADER_IMPORT___${index}___`; - - result.messages.push({ - pluginName, - type: 'import', - value: { type: '@import', name, url, media }, + const items = walkAtRules(css, result, options.filter); + + [...items] + .reduce((accumulator, currentValue) => { + const [url, medias] = currentValue; + + medias.forEach((media) => { + accumulator.push({ url, media }); + }); + + return accumulator; + }, []) + .forEach((item, index) => { + const { url, media } = item; + const name = `___CSS_LOADER_IMPORT_${index}___`; + + result.messages.push({ + pluginName, + type: 'import', + value: { type: '@import', name, url, media }, + }); }); - }); } ); diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap index baa648d7..803a2efb 100644 --- a/test/__snapshots__/import-option.test.js.snap +++ b/test/__snapshots__/import-option.test.js.snap @@ -177,36 +177,36 @@ Array [ exports[`import option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT___8___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT___9___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___14___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT___15___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT___16___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT_8___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT_9___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_14___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT_15___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT_16___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___1___, \\"(min-width: 100px)\\"); +exports.i(___CSS_LOADER_IMPORT_0___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_1___, \\"(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_IMPORT___8___); -exports.i(___CSS_LOADER_IMPORT___9___); -exports.i(___CSS_LOADER_IMPORT___10___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_8___); +exports.i(___CSS_LOADER_IMPORT_9___); +exports.i(___CSS_LOADER_IMPORT_10___, \\"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_IMPORT___14___); -exports.i(___CSS_LOADER_IMPORT___15___); -exports.i(___CSS_LOADER_IMPORT___16___); -exports.i(___CSS_LOADER_IMPORT___17___); -exports.i(___CSS_LOADER_IMPORT___18___); +exports.i(___CSS_LOADER_IMPORT_14___); +exports.i(___CSS_LOADER_IMPORT_15___); +exports.i(___CSS_LOADER_IMPORT_16___); +exports.i(___CSS_LOADER_IMPORT_17___); +exports.i(___CSS_LOADER_IMPORT_18___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // Module exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -545,42 +545,42 @@ Array [ exports[`import option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___3___, \\"(min-width: 100px)\\"); +exports.i(___CSS_LOADER_IMPORT_0___); +exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); +exports.i(___CSS_LOADER_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_IMPORT___10___); -exports.i(___CSS_LOADER_IMPORT___11___); -exports.i(___CSS_LOADER_IMPORT___12___); -exports.i(___CSS_LOADER_IMPORT___13___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_10___); +exports.i(___CSS_LOADER_IMPORT_11___); +exports.i(___CSS_LOADER_IMPORT_12___); +exports.i(___CSS_LOADER_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_IMPORT___17___); -exports.i(___CSS_LOADER_IMPORT___18___); -exports.i(___CSS_LOADER_IMPORT___19___); -exports.i(___CSS_LOADER_IMPORT___20___); -exports.i(___CSS_LOADER_IMPORT___21___); +exports.i(___CSS_LOADER_IMPORT_17___); +exports.i(___CSS_LOADER_IMPORT_18___); +exports.i(___CSS_LOADER_IMPORT_19___); +exports.i(___CSS_LOADER_IMPORT_20___); +exports.i(___CSS_LOADER_IMPORT_21___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -828,42 +828,42 @@ Array [ exports[`import option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___3___, \\"(min-width: 100px)\\"); +exports.i(___CSS_LOADER_IMPORT_0___); +exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); +exports.i(___CSS_LOADER_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_IMPORT___10___); -exports.i(___CSS_LOADER_IMPORT___11___); -exports.i(___CSS_LOADER_IMPORT___12___); -exports.i(___CSS_LOADER_IMPORT___13___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_10___); +exports.i(___CSS_LOADER_IMPORT_11___); +exports.i(___CSS_LOADER_IMPORT_12___); +exports.i(___CSS_LOADER_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_IMPORT___17___); -exports.i(___CSS_LOADER_IMPORT___18___); -exports.i(___CSS_LOADER_IMPORT___19___); -exports.i(___CSS_LOADER_IMPORT___20___); -exports.i(___CSS_LOADER_IMPORT___21___); +exports.i(___CSS_LOADER_IMPORT_17___); +exports.i(___CSS_LOADER_IMPORT_18___); +exports.i(___CSS_LOADER_IMPORT_19___); +exports.i(___CSS_LOADER_IMPORT_20___); +exports.i(___CSS_LOADER_IMPORT_21___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -1111,42 +1111,42 @@ Array [ exports[`import option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___3___, \\"(min-width: 100px)\\"); +exports.i(___CSS_LOADER_IMPORT_0___); +exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); +exports.i(___CSS_LOADER_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_IMPORT___10___); -exports.i(___CSS_LOADER_IMPORT___11___); -exports.i(___CSS_LOADER_IMPORT___12___); -exports.i(___CSS_LOADER_IMPORT___13___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_10___); +exports.i(___CSS_LOADER_IMPORT_11___); +exports.i(___CSS_LOADER_IMPORT_12___); +exports.i(___CSS_LOADER_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_IMPORT___17___); -exports.i(___CSS_LOADER_IMPORT___18___); -exports.i(___CSS_LOADER_IMPORT___19___); -exports.i(___CSS_LOADER_IMPORT___20___); -exports.i(___CSS_LOADER_IMPORT___21___); +exports.i(___CSS_LOADER_IMPORT_17___); +exports.i(___CSS_LOADER_IMPORT_18___); +exports.i(___CSS_LOADER_IMPORT_19___); +exports.i(___CSS_LOADER_IMPORT_20___); +exports.i(___CSS_LOADER_IMPORT_21___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -1399,42 +1399,42 @@ Array [ exports[`import option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___3___, \\"(min-width: 100px)\\"); +exports.i(___CSS_LOADER_IMPORT_0___); +exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); +exports.i(___CSS_LOADER_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_IMPORT___10___); -exports.i(___CSS_LOADER_IMPORT___11___); -exports.i(___CSS_LOADER_IMPORT___12___); -exports.i(___CSS_LOADER_IMPORT___13___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_10___); +exports.i(___CSS_LOADER_IMPORT_11___); +exports.i(___CSS_LOADER_IMPORT_12___); +exports.i(___CSS_LOADER_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_IMPORT___17___); -exports.i(___CSS_LOADER_IMPORT___18___); -exports.i(___CSS_LOADER_IMPORT___19___); -exports.i(___CSS_LOADER_IMPORT___20___); -exports.i(___CSS_LOADER_IMPORT___21___); +exports.i(___CSS_LOADER_IMPORT_17___); +exports.i(___CSS_LOADER_IMPORT_18___); +exports.i(___CSS_LOADER_IMPORT_19___); +exports.i(___CSS_LOADER_IMPORT_20___); +exports.i(___CSS_LOADER_IMPORT_21___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); @@ -1687,42 +1687,42 @@ Array [ exports[`import option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT___2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT___3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT___10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT___11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT___12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT___17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT___18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT___19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT___20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT___21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); +var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); +var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); -exports.i(___CSS_LOADER_IMPORT___1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT___3___, \\"(min-width: 100px)\\"); +exports.i(___CSS_LOADER_IMPORT_0___); +exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); +exports.i(___CSS_LOADER_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_IMPORT___10___); -exports.i(___CSS_LOADER_IMPORT___11___); -exports.i(___CSS_LOADER_IMPORT___12___); -exports.i(___CSS_LOADER_IMPORT___13___, \\"screen and print\\"); +exports.i(___CSS_LOADER_IMPORT_10___); +exports.i(___CSS_LOADER_IMPORT_11___); +exports.i(___CSS_LOADER_IMPORT_12___); +exports.i(___CSS_LOADER_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_IMPORT___17___); -exports.i(___CSS_LOADER_IMPORT___18___); -exports.i(___CSS_LOADER_IMPORT___19___); -exports.i(___CSS_LOADER_IMPORT___20___); -exports.i(___CSS_LOADER_IMPORT___21___); +exports.i(___CSS_LOADER_IMPORT_17___); +exports.i(___CSS_LOADER_IMPORT_18___); +exports.i(___CSS_LOADER_IMPORT_19___); +exports.i(___CSS_LOADER_IMPORT_20___); +exports.i(___CSS_LOADER_IMPORT_21___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); diff --git a/test/__snapshots__/importLoaders-option.test.js.snap b/test/__snapshots__/importLoaders-option.test.js.snap index 00b1dfd8..cfb63aa5 100644 --- a/test/__snapshots__/importLoaders-option.test.js.snap +++ b/test/__snapshots__/importLoaders-option.test.js.snap @@ -28,8 +28,8 @@ Array [ exports[`importLoaders option 0 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -65,8 +65,8 @@ Array [ exports[`importLoaders option 1 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -102,8 +102,8 @@ Array [ exports[`importLoaders option 1 (no loaders before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgb(0 0 100% / 90%);\\\\n}\\\\n\\", \\"\\"]); " @@ -139,8 +139,8 @@ Array [ exports[`importLoaders option 2 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -176,8 +176,8 @@ Array [ exports[`importLoaders option not specify (no loader before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap index 06a32fe7..121b95f9 100644 --- a/test/__snapshots__/loader.test.js.snap +++ b/test/__snapshots__/loader.test.js.snap @@ -293,9 +293,9 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point (with \`modules\` and scope \`global\`): module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -597,9 +597,9 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point (with \`modules\` and scope \`local\`): module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._3YYoEr128Gk7ZgfRycu4tr {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { a: b c d; }\\\\n\\\\n._1LWD9ZV4XMmN23IPiMONS3 {}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f { a: b c d; }\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n\\\\n#Zmuw5k7Gg4hpgd6CVBEkq {}\\\\n\\\\n.nz2GDQ2B9PRi6GmzRwbUM {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._12Sbi_HmVVsUl9TM-zo3h- {\\\\n align-items: center;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM.gpFhy6a0Dyg4XrktE4jA3 {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\n.YDvxHwoU5TyTmW1oTkKgw {}\\\\n\\\\n#_3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n._3Zu4uw_Urs6mU3AHN6h0NV {}\\\\n\\\\n._4_pn9LmAb2XtAy0kg4FN_ {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._2LEttkwzH7jRE93Ku8MGqY {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#_2E85FJStrx25rDG2lYWifC {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_2pyPm3oWgKQ-rjECcnFYrX {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2pmolVDQD2g7wt3ejy2doK {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n._2mQhIWfQwYBHR8C-27Rb-E {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n._2H1jUQC4I1yE2c9CEwXfAS._3HDHfIW-5V2j3qdUcRiaMD ._2eB5NM0D15e1HQWl3AHa8q:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.JNjvwXXuHnb_zjhkwPzBD {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -925,9 +925,9 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -1229,9 +1229,9 @@ a[href=\\"\\" i] { exports[`loader should compile with \`js\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); // Module exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -1514,9 +1514,9 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = __webpack_require__(3); +var ___CSS_LOADER_IMPORT_0___ = __webpack_require__(3); var getUrl = __webpack_require__(4); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); // Module exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); @@ -1790,9 +1790,9 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = __webpack_require__(3); +var ___CSS_LOADER_IMPORT_0___ = __webpack_require__(3); var getUrl = __webpack_require__(4); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); // Module exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); diff --git a/test/__snapshots__/modules-option.test.js.snap b/test/__snapshots__/modules-option.test.js.snap index 93150265..8a65b14e 100644 --- a/test/__snapshots__/modules-option.test.js.snap +++ b/test/__snapshots__/modules-option.test.js.snap @@ -6152,7 +6152,7 @@ var ___CSS_LOADER_ICSS_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4- var ___CSS_LOADER_ICSS_IMPORT_4___ = require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\"); var ___CSS_LOADER_ICSS_IMPORT_5___ = require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\"); var ___CSS_LOADER_ICSS_IMPORT_6___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\"); -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_ICSS_IMPORT_0___); exports.i(___CSS_LOADER_ICSS_IMPORT_1___); @@ -6161,7 +6161,7 @@ exports.i(___CSS_LOADER_ICSS_IMPORT_3___); exports.i(___CSS_LOADER_ICSS_IMPORT_4___); exports.i(___CSS_LOADER_ICSS_IMPORT_5___); exports.i(___CSS_LOADER_ICSS_IMPORT_6___); -exports.i(___CSS_LOADER_IMPORT___0___, \\"(min-width: 100px)\\"); +exports.i(___CSS_LOADER_IMPORT_0___, \\"(min-width: 100px)\\"); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"../url/img.png\\")); // Module exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._340mxt1qHaYWfC81FJUajb {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); diff --git a/test/__snapshots__/url-option.test.js.snap b/test/__snapshots__/url-option.test.js.snap index 9118daa4..39076332 100644 --- a/test/__snapshots__/url-option.test.js.snap +++ b/test/__snapshots__/url-option.test.js.snap @@ -291,9 +291,9 @@ a { exports[`url option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./font.woff\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./font.woff2\\")); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"./font.eot\\")); @@ -678,8 +678,8 @@ a { exports[`url option false: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_IMPORT_0___); // Module exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(./img.png);\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\\\\\"./img.png\\\\\\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img.png' ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( ./img.png ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(~package/img.png) url(./other-img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img img.png' ) 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(./font.woff) format('woff'),\\\\n url('./font.woff2') format('woff2'),\\\\n url(\\\\\\"./font.eot\\\\\\") format('eot'),\\\\n url(~package/font.ttf) format('truetype'),\\\\n url(\\\\\\"./font with spaces.eot\\\\\\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url('./font.svg#svgFontName') format('svg'),\\\\n url('./font.woff2?foo=bar') format('woff2'),\\\\n url(\\\\\\"./font.eot?#iefix\\\\\\") format('embedded-opentype'),\\\\n url(\\\\\\"./font with spaces.eot?#iefix\\\\\\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\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('./img.png') xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url('./img1x.png') 1x, url('./img2x.png') 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url('./img1x.png') 1x, url('./img2x.png') 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(\\\\\\"./img.png?foo\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url('./img.png') url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url('./img.png');\\\\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('img-simple.png');\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url('../url/img-simple.png');\\\\n}\\\\n\\\\n.tilde {\\\\n background: url('~package/img.png');\\\\n}\\\\n\\\\n.aliases {\\\\n background: url('~aliasesImg/img.png') ;\\\\n}\\\\n\\\\na {\\\\n background: url(./nested/img.png);\\\\n}\\\\n\\\\na {\\\\n background: url(nested/img.png);\\\\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(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img img.png\\\\\\" 1x, \\\\\\"./img img.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x),\\\\n image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\n \\\\\\"./img1x.png\\\\\\" 1x,\\\\n \\\\\\"./img2x.png\\\\\\" 2x,\\\\n \\\\\\"./img3x.png\\\\\\" 600dpi\\\\n );\\\\n background-image: image-set(\\\\\\"./img1x.png?foo=bar\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png#hash\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png?#iefix\\\\\\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, url(\\\\\\"./img2x.png\\\\\\") 2x);\\\\n background-image: -webkit-image-set(url(\\\\\\"./img1x.png\\\\\\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\\\\\"./img1x.png\\\\\\") 1x\\\\n );\\\\n background-image: image-set(url(./img1x.png) 1x);\\\\n background-image: image-set(\\\\n url(./img1x.png) 1x\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, url(\\\\\\"./img2x.png\\\\\\") 2x);\\\\n background-image: image-set(\\\\n url(./img1x.png) 1x,\\\\n url(./img2x.png) 2x,\\\\n url(./img3x.png) 600dpi\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img img.png\\\\\\") 1x, url(\\\\\\"./img img.png\\\\\\") 2x);\\\\n\\\\n background-image: image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n}\\\\n\\", \\"\\"]); " @@ -978,9 +978,9 @@ a { exports[`url option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); @@ -1378,9 +1378,9 @@ a { exports[`url option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); @@ -1778,9 +1778,9 @@ a { exports[`url option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); @@ -2189,9 +2189,9 @@ a { exports[`url option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); @@ -2600,9 +2600,9 @@ a { exports[`url option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT___0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT___0___); +exports.i(___CSS_LOADER_IMPORT_0___); var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); From 7282e09da2ea464e8324c7099fbffe0558b34986 Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Thu, 5 Dec 2019 16:05:21 +0300 Subject: [PATCH 09/10] refactor: postcss-url-parser --- src/index.js | 5 +- src/plugins/postcss-url-parser.js | 87 ++-- src/utils.js | 14 - test/__snapshots__/import-option.test.js.snap | 28 +- test/__snapshots__/loader.test.js.snap | 30 +- .../__snapshots__/modules-option.test.js.snap | 4 +- test/__snapshots__/url-option.test.js.snap | 382 +++++++++--------- 7 files changed, 270 insertions(+), 280 deletions(-) diff --git a/src/index.js b/src/index.js index 4fdd9807..13cb98a5 100644 --- a/src/index.js +++ b/src/index.js @@ -56,9 +56,6 @@ export default function loader(content, map, meta) { const exportType = options.onlyLocals ? 'locals' : 'full'; - // Run other loader (`postcss-loader`, `sass-loader` and etc) for importing CSS - const importPrefix = getImportPrefix(this, options.importLoaders); - plugins.push(icssParser()); if (options.import !== false && exportType === 'full') { @@ -111,6 +108,8 @@ export default function loader(content, map, meta) { } } + // Run other loader (`postcss-loader`, `sass-loader` and etc) for importing CSS + const importPrefix = getImportPrefix(this, options.importLoaders); const apiCode = exportType === 'full' ? getApiCode(this, sourceMap) : ''; const importCode = imports.length > 0 diff --git a/src/plugins/postcss-url-parser.js b/src/plugins/postcss-url-parser.js index c4635cff..26a110a0 100644 --- a/src/plugins/postcss-url-parser.js +++ b/src/plugins/postcss-url-parser.js @@ -1,8 +1,6 @@ import postcss from 'postcss'; import valueParser from 'postcss-value-parser'; -import { uniqWith, flatten } from '../utils'; - const pluginName = 'postcss-url-parser'; const isUrlFunc = /url/i; @@ -63,11 +61,7 @@ function getUrlsFromValue(value, result, filter, decl = null) { if (url.trim().replace(/\\[\r\n]/g, '').length === 0) { result.warn( `Unable to find uri in '${decl ? decl.toString() : value}'`, - decl - ? { - node: decl, - } - : {} + decl ? { node: decl } : {} ); return; @@ -77,14 +71,20 @@ function getUrlsFromValue(value, result, filter, decl = null) { return; } - urls.push({ url, needQuotes }); + const [normalizedUrl, singleQuery, hashValue] = url.split(/(\?)?#/); + const hash = + singleQuery || hashValue + ? `${singleQuery ? '?' : ''}${hashValue ? `#${hashValue}` : ''}` + : ''; + + urls.push({ node, url: normalizedUrl, hash, needQuotes }); }); // eslint-disable-next-line consistent-return return { parsed, urls }; } -function walkDeclsWithUrl(css, result, filter) { +function walkDecls(css, result, filter) { const items = []; css.walkDecls((decl) => { @@ -100,40 +100,47 @@ function walkDeclsWithUrl(css, result, filter) { return items; } +function flatten(array) { + return array.reduce((a, b) => a.concat(b), []); +} + +function collectUniqueUrlsWithNodes(array) { + return array.reduce((accumulator, currentValue) => { + const { url, needQuotes, hash, node } = currentValue; + const found = accumulator.find( + (item) => + url === item.url && needQuotes === item.needQuotes && hash === item.hash + ); + + if (!found) { + accumulator.push({ url, hash, needQuotes, nodes: [node] }); + } else { + found.nodes.push(node); + } + + return accumulator; + }, []); +} + export default postcss.plugin( pluginName, (options) => function process(css, result) { - const traversed = walkDeclsWithUrl(css, result, options.filter); - const paths = uniqWith( - flatten(traversed.map((item) => item.urls)), - (value, other) => - value.url === other.url && value.needQuotes === other.needQuotes + const traversed = walkDecls(css, result, options.filter); + const paths = collectUniqueUrlsWithNodes( + flatten(traversed.map((item) => item.urls)) ); - - if (paths.length === 0) { - return; - } - - const placeholders = []; + const replacers = new Map(); paths.forEach((path, index) => { - const name = `___CSS_LOADER_URL___${index}___`; - const { url, needQuotes } = path; - - const [normalizedUrl, singleQuery, hashValue] = url.split(/(\?)?#/); - const hash = - singleQuery || hashValue - ? `${singleQuery ? '?' : ''}${hashValue ? `#${hashValue}` : ''}` - : ''; - - placeholders.push({ name, path }); + const { url, hash, needQuotes, nodes } = path; + const name = `___CSS_LOADER_URL_${index}___`; result.messages.push( { pluginName, type: 'import', - value: { type: 'url', name, url: normalizedUrl, needQuotes, hash }, + value: { type: 'url', name, url, needQuotes, hash }, }, { pluginName, @@ -141,22 +148,20 @@ export default postcss.plugin( value: { type: 'url', name }, } ); + + nodes.forEach((node) => { + replacers.set(node, name); + }); }); traversed.forEach((item) => { - walkUrls(item.parsed, (node, url, needQuotes) => { - const value = placeholders.find( - (placeholder) => - placeholder.path.url === url && - placeholder.path.needQuotes === needQuotes - ); - - if (!value) { + walkUrls(item.parsed, (node) => { + const name = replacers.get(node); + + if (!name) { return; } - const { name } = value; - // eslint-disable-next-line no-param-reassign node.type = 'word'; // eslint-disable-next-line no-param-reassign diff --git a/src/utils.js b/src/utils.js index 510970fd..0bd1fc19 100644 --- a/src/utils.js +++ b/src/utils.js @@ -17,17 +17,6 @@ import extractImports from 'postcss-modules-extract-imports'; import modulesScope from 'postcss-modules-scope'; import camelCase from 'camelcase'; -function uniqWith(array, comparator) { - return array.reduce( - (acc, d) => (!acc.some((item) => comparator(d, item)) ? [...acc, d] : acc), - [] - ); -} - -function flatten(array) { - return array.reduce((a, b) => a.concat(b), []); -} - function getImportPrefix(loaderContext, importLoaders) { if (importLoaders === false) { return ''; @@ -361,9 +350,6 @@ function getExportCode(loaderContext, exports, replacers, options) { } export { - uniqWith, - flatten, - dashesCamelCase, getImportPrefix, getLocalIdent, getFilter, diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap index 803a2efb..1210a52c 100644 --- a/test/__snapshots__/import-option.test.js.snap +++ b/test/__snapshots__/import-option.test.js.snap @@ -207,9 +207,9 @@ exports.i(___CSS_LOADER_IMPORT_15___); exports.i(___CSS_LOADER_IMPORT_16___); exports.i(___CSS_LOADER_IMPORT_17___); exports.i(___CSS_LOADER_IMPORT_18___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); // Module -exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); " `; @@ -354,9 +354,9 @@ exports[`import option false: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); // Module -exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(test-media.css) screen and print;\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css#hash);\\\\n@import url(http://example.com/style.css?#hash);\\\\n@import url(http://example.com/style.css?foo=bar#hash);\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n@import url('other-query.css?foo=1&bar=1#hash') screen and print;\\\\n@import url('https://fonts.googleapis.com/css?family=Roboto');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n@import url('./relative.css');\\\\n@import url('../import/top-relative.css');\\\\n@import url(~package/tilde.css);\\\\n@import url(~aliasesImport/alias.css);\\\\n@import url('./url.css');\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(test-media.css) screen and print;\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css#hash);\\\\n@import url(http://example.com/style.css?#hash);\\\\n@import url(http://example.com/style.css?foo=bar#hash);\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n@import url('other-query.css?foo=1&bar=1#hash') screen and print;\\\\n@import url('https://fonts.googleapis.com/css?family=Roboto');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n@import url('./relative.css');\\\\n@import url('../import/top-relative.css');\\\\n@import url(~package/tilde.css);\\\\n@import url(~aliasesImport/alias.css);\\\\n@import url('./url.css');\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); " `; @@ -581,9 +581,9 @@ exports.i(___CSS_LOADER_IMPORT_18___); exports.i(___CSS_LOADER_IMPORT_19___); exports.i(___CSS_LOADER_IMPORT_20___); exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); " `; @@ -864,9 +864,9 @@ exports.i(___CSS_LOADER_IMPORT_18___); exports.i(___CSS_LOADER_IMPORT_19___); exports.i(___CSS_LOADER_IMPORT_20___); exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); " `; @@ -1147,9 +1147,9 @@ exports.i(___CSS_LOADER_IMPORT_18___); exports.i(___CSS_LOADER_IMPORT_19___); exports.i(___CSS_LOADER_IMPORT_20___); exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { \\"class\\": \\"hnxX78DgkaA2kCp_BPbLd\\", @@ -1435,9 +1435,9 @@ exports.i(___CSS_LOADER_IMPORT_18___); exports.i(___CSS_LOADER_IMPORT_19___); exports.i(___CSS_LOADER_IMPORT_20___); exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { \\"class\\": \\"hnxX78DgkaA2kCp_BPbLd\\", @@ -1723,9 +1723,9 @@ exports.i(___CSS_LOADER_IMPORT_18___); exports.i(___CSS_LOADER_IMPORT_19___); exports.i(___CSS_LOADER_IMPORT_20___); exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); // 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___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); " `; diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap index 121b95f9..9c3838f6 100644 --- a/test/__snapshots__/loader.test.js.snap +++ b/test/__snapshots__/loader.test.js.snap @@ -296,9 +296,9 @@ exports[`loader should compile with \`css\` entry point (with \`modules\` and sc var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./url/img.png\\")); // Module -exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); " `; @@ -600,9 +600,9 @@ exports[`loader should compile with \`css\` entry point (with \`modules\` and sc var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./url/img.png\\")); // Module -exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._3YYoEr128Gk7ZgfRycu4tr {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { a: b c d; }\\\\n\\\\n._1LWD9ZV4XMmN23IPiMONS3 {}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f { a: b c d; }\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n\\\\n#Zmuw5k7Gg4hpgd6CVBEkq {}\\\\n\\\\n.nz2GDQ2B9PRi6GmzRwbUM {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._12Sbi_HmVVsUl9TM-zo3h- {\\\\n align-items: center;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM.gpFhy6a0Dyg4XrktE4jA3 {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\n.YDvxHwoU5TyTmW1oTkKgw {}\\\\n\\\\n#_3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n._3Zu4uw_Urs6mU3AHN6h0NV {}\\\\n\\\\n._4_pn9LmAb2XtAy0kg4FN_ {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._2LEttkwzH7jRE93Ku8MGqY {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#_2E85FJStrx25rDG2lYWifC {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_2pyPm3oWgKQ-rjECcnFYrX {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2pmolVDQD2g7wt3ejy2doK {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n._2mQhIWfQwYBHR8C-27Rb-E {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n._2H1jUQC4I1yE2c9CEwXfAS._3HDHfIW-5V2j3qdUcRiaMD ._2eB5NM0D15e1HQWl3AHa8q:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.JNjvwXXuHnb_zjhkwPzBD {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._3YYoEr128Gk7ZgfRycu4tr {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { a: b c d; }\\\\n\\\\n._1LWD9ZV4XMmN23IPiMONS3 {}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f { a: b c d; }\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n\\\\n#Zmuw5k7Gg4hpgd6CVBEkq {}\\\\n\\\\n.nz2GDQ2B9PRi6GmzRwbUM {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._12Sbi_HmVVsUl9TM-zo3h- {\\\\n align-items: center;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM.gpFhy6a0Dyg4XrktE4jA3 {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\n.YDvxHwoU5TyTmW1oTkKgw {}\\\\n\\\\n#_3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n._3Zu4uw_Urs6mU3AHN6h0NV {}\\\\n\\\\n._4_pn9LmAb2XtAy0kg4FN_ {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._2LEttkwzH7jRE93Ku8MGqY {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#_2E85FJStrx25rDG2lYWifC {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_2pyPm3oWgKQ-rjECcnFYrX {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2pmolVDQD2g7wt3ejy2doK {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n._2mQhIWfQwYBHR8C-27Rb-E {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n._2H1jUQC4I1yE2c9CEwXfAS._3HDHfIW-5V2j3qdUcRiaMD ._2eB5NM0D15e1HQWl3AHa8q:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.JNjvwXXuHnb_zjhkwPzBD {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { \\"class\\": \\"_1PSZ4tK4URrenXyNSoawrx\\", @@ -928,9 +928,9 @@ exports[`loader should compile with \`css\` entry point: module 1`] = ` var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./url/img.png\\")); // Module -exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); " `; @@ -1232,9 +1232,9 @@ exports[`loader should compile with \`js\` entry point: module 1`] = ` var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./url/img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./url/img.png\\")); // Module -exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); " `; @@ -1517,9 +1517,9 @@ exports = module.exports = __webpack_require__(0)(false); var ___CSS_LOADER_IMPORT_0___ = __webpack_require__(3); var getUrl = __webpack_require__(4); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); +var ___CSS_LOADER_URL_0___ = getUrl(__webpack_require__(5)); // Module -exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); /***/ }), @@ -1793,9 +1793,9 @@ exports = module.exports = __webpack_require__(0)(false); var ___CSS_LOADER_IMPORT_0___ = __webpack_require__(3); var getUrl = __webpack_require__(4); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(__webpack_require__(5)); +var ___CSS_LOADER_URL_0___ = getUrl(__webpack_require__(5)); // Module -exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); /***/ }), @@ -1935,10 +1935,10 @@ exports[`loader using together with "postcss-loader" and reuse \`ast\`: module 1 "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img2x.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img1x.png\\")); +var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img2x.png\\")); // Module -exports.push([module.id, \\":root {\\\\n --fontSize: 1rem;\\\\n --mainColor: rgba(18,52,86,0.47059);\\\\n --secondaryColor: rgba(102, 51, 153, 0.9);\\\\n}\\\\n\\\\nhtml {\\\\n overflow-x: hidden;\\\\n overflow-y: auto;\\\\n overflow: hidden auto;\\\\n}\\\\n\\\\n@media (max-width: 50rem) {\\\\n body {\\\\n color: rgba(18,52,86,0.47059);\\\\n color: var(--mainColor);\\\\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;\\\\n font-size: 1rem;\\\\n font-size: var(--fontSize);\\\\n line-height: calc(1rem * 1.5);\\\\n line-height: calc(var(--fontSize) * 1.5);\\\\n word-wrap: break-word;\\\\n padding-left: calc(1rem / 2 + 1px);\\\\n padding-right: calc(1rem / 2 + 1px);\\\\n padding-left: calc(var(--fontSize) / 2 + 1px);\\\\n padding-right: calc(var(--fontSize) / 2 + 1px);\\\\n }\\\\n}\\\\n\\\\nh1,h2,h3,h4,h5,h6 {\\\\n margin-top: 0;\\\\n margin-bottom: 0;\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL___1___ + \\");\\\\n}\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___1___ + \\") 2x);\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___1___ + \\") 2x);\\\\n}\\\\n\\\\na {\\\\n color: rgba(0, 0, 255, 0.9)\\\\n}\\\\n\\\\na:hover {\\\\n color: #639;\\\\n }\\\\n\\", \\"\\"]); +exports.push([module.id, \\":root {\\\\n --fontSize: 1rem;\\\\n --mainColor: rgba(18,52,86,0.47059);\\\\n --secondaryColor: rgba(102, 51, 153, 0.9);\\\\n}\\\\n\\\\nhtml {\\\\n overflow-x: hidden;\\\\n overflow-y: auto;\\\\n overflow: hidden auto;\\\\n}\\\\n\\\\n@media (max-width: 50rem) {\\\\n body {\\\\n color: rgba(18,52,86,0.47059);\\\\n color: var(--mainColor);\\\\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;\\\\n font-size: 1rem;\\\\n font-size: var(--fontSize);\\\\n line-height: calc(1rem * 1.5);\\\\n line-height: calc(var(--fontSize) * 1.5);\\\\n word-wrap: break-word;\\\\n padding-left: calc(1rem / 2 + 1px);\\\\n padding-right: calc(1rem / 2 + 1px);\\\\n padding-left: calc(var(--fontSize) / 2 + 1px);\\\\n padding-right: calc(var(--fontSize) / 2 + 1px);\\\\n }\\\\n}\\\\n\\\\nh1,h2,h3,h4,h5,h6 {\\\\n margin-top: 0;\\\\n margin-bottom: 0;\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_1___ + \\") 2x);\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_1___ + \\") 2x);\\\\n}\\\\n\\\\na {\\\\n color: rgba(0, 0, 255, 0.9)\\\\n}\\\\n\\\\na:hover {\\\\n color: #639;\\\\n }\\\\n\\", \\"\\"]); " `; diff --git a/test/__snapshots__/modules-option.test.js.snap b/test/__snapshots__/modules-option.test.js.snap index 8a65b14e..cb5a11aa 100644 --- a/test/__snapshots__/modules-option.test.js.snap +++ b/test/__snapshots__/modules-option.test.js.snap @@ -6162,9 +6162,9 @@ exports.i(___CSS_LOADER_ICSS_IMPORT_4___); exports.i(___CSS_LOADER_ICSS_IMPORT_5___); exports.i(___CSS_LOADER_ICSS_IMPORT_6___); exports.i(___CSS_LOADER_IMPORT_0___, \\"(min-width: 100px)\\"); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"../url/img.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"../url/img.png\\")); // Module -exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._340mxt1qHaYWfC81FJUajb {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._340mxt1qHaYWfC81FJUajb {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\", diff --git a/test/__snapshots__/url-option.test.js.snap b/test/__snapshots__/url-option.test.js.snap index 39076332..84a4cc47 100644 --- a/test/__snapshots__/url-option.test.js.snap +++ b/test/__snapshots__/url-option.test.js.snap @@ -294,28 +294,28 @@ exports[`url option Function: module 1`] = ` var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL___2___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL___3___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL___4___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL___5___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL___6___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL___7___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___8___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___9___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL___10___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL___11___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL___12___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL___13___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___14___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___15___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___16___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___17___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL___18___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL___19___ = getUrl(require(\\"./img3x.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./font.woff\\")); +var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./font.woff2\\")); +var ___CSS_LOADER_URL_2___ = getUrl(require(\\"./font.eot\\")); +var ___CSS_LOADER_URL_3___ = getUrl(require(\\"package/font.ttf\\")); +var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./font with spaces.eot\\")); +var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); +var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2?foo=bar\\")); +var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_8___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./img1x.png\\")); +var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./img2x.png\\")); +var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./img-simple.png\\")); +var ___CSS_LOADER_URL_12___ = getUrl(require(\\"../url/img-simple.png\\")); +var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); +var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); +var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img3x.png\\")); // Module -exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(./img.png);\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\\\\\"./img.png\\\\\\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img.png' ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( ./img.png ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(~package/img.png) url(./other-img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img img.png' ) 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___0___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL___1___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___2___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL___3___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL___4___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL___5___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL___6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___7___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL___8___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\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('./img.png') xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___10___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___10___ + \\") 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(\\\\\\"./img.png?foo\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url('./img.png') url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url('./img.png');\\\\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___11___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL___12___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url('~package/img.png');\\\\n}\\\\n\\\\n.aliases {\\\\n background: url('~aliasesImg/img.png') ;\\\\n}\\\\n\\\\na {\\\\n background: url(./nested/img.png);\\\\n}\\\\n\\\\na {\\\\n background: url(nested/img.png);\\\\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___13___ + \\" 1x, \\" + ___CSS_LOADER_URL___14___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___13___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___13___ + \\" 1x, \\" + ___CSS_LOADER_URL___14___ + \\" 2x);\\\\n background-image: image-set(\\\\\\"./img img.png\\\\\\" 1x, \\\\\\"./img img.png\\\\\\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___13___ + \\" 1x, \\" + ___CSS_LOADER_URL___14___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL___13___ + \\" 1x, \\" + ___CSS_LOADER_URL___14___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL___13___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL___14___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL___15___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___16___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___17___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___18___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___10___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___10___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL___10___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL___19___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img img.png\\\\\\") 1x, url(\\\\\\"./img img.png\\\\\\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___9___ + \\") 1x, \\" + ___CSS_LOADER_URL___14___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(./img.png);\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\\\\\"./img.png\\\\\\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img.png' ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( ./img.png ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(~package/img.png) url(./other-img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img img.png' ) 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_0___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_1___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_2___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_3___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_4___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_5___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\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('./img.png') xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_10___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_10___ + \\") 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(\\\\\\"./img.png?foo\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url('./img.png') url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url('./img.png');\\\\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_11___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_12___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url('~package/img.png');\\\\n}\\\\n\\\\n.aliases {\\\\n background: url('~aliasesImg/img.png') ;\\\\n}\\\\n\\\\na {\\\\n background: url(./nested/img.png);\\\\n}\\\\n\\\\na {\\\\n background: url(nested/img.png);\\\\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_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_13___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x);\\\\n background-image: image-set(\\\\\\"./img img.png\\\\\\" 1x, \\\\\\"./img img.png\\\\\\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_13___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_14___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_15___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_16___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_17___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_18___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_10___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_10___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_19___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img img.png\\\\\\") 1x, url(\\\\\\"./img img.png\\\\\\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); " `; @@ -981,41 +981,41 @@ exports[`url option true and modules \`false\`: module 1`] = ` var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL___3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL___4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL___5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL___6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL___7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL___8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL___9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL___10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL___11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL___12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL___15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL___16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL___17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL___18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL___20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL___21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL___22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL___23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL___31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL___32___ = getUrl(require(\\"./img3x.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); +var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); +var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); +var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); +var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); +var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); +var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); +var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); +var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); +var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); +var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); +var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); +var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); +var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); +var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); +var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); +var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); +var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); +var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); +var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); +var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); // Module -exports.push([module.id, \\".class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL___0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL___2___ + \\") url(\\" + ___CSS_LOADER_URL___3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___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___5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL___6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL___8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL___9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL___10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL___11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL___13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___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___16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL___0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL___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___20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL___21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL___2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL___22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___27___ + \\" 1x, \\" + ___CSS_LOADER_URL___27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL___25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL___26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL___28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL___32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\".class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); " `; @@ -1381,41 +1381,41 @@ exports[`url option true and modules \`global\`: module 1`] = ` var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL___3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL___4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL___5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL___6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL___7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL___8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL___9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL___10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL___11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL___12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL___15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL___16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL___17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL___18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL___20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL___21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL___22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL___23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL___31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL___32___ = getUrl(require(\\"./img3x.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); +var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); +var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); +var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); +var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); +var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); +var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); +var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); +var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); +var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); +var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); +var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); +var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); +var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); +var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); +var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); +var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); +var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); +var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); +var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); +var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); // Module -exports.push([module.id, \\".class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL___0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL___2___ + \\") url(\\" + ___CSS_LOADER_URL___3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___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___5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL___6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL___8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL___9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL___10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL___11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL___13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___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___16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL___0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL___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___20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL___21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL___2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL___22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___27___ + \\" 1x, \\" + ___CSS_LOADER_URL___27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL___25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL___26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL___28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL___32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\".class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); " `; @@ -1781,41 +1781,41 @@ exports[`url option true and modules \`local\`: module 1`] = ` var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL___3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL___4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL___5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL___6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL___7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL___8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL___9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL___10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL___11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL___12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL___15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL___16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL___17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL___18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL___20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL___21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL___22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL___23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL___31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL___32___ = getUrl(require(\\"./img3x.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); +var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); +var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); +var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); +var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); +var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); +var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); +var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); +var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); +var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); +var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); +var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); +var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); +var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); +var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); +var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); +var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); +var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); +var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); +var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); +var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); // Module -exports.push([module.id, \\"._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___1___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL___0___ + \\"\\\\n );\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\" + ___CSS_LOADER_URL___2___ + \\") url(\\" + ___CSS_LOADER_URL___3___ + \\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___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___5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL___6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL___8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL___9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL___10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL___11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL___13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___0___ + \\") xyz;\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x)\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___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___16___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___17___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___19___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\" + ___CSS_LOADER_URL___0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL___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___20___ + \\");\\\\n}\\\\n\\\\n.mrf4tRz4T71pNku_3IMH3 {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.c5dNFA35opKWoGz7aRj0k {\\\\n background: url(\\" + ___CSS_LOADER_URL___21___ + \\");\\\\n}\\\\n\\\\n._2Q5a0g3xEHAboOADfIxHa5 {\\\\n background: url(\\" + ___CSS_LOADER_URL___2___ + \\");\\\\n}\\\\n\\\\n._2TX-7lb63hK5h5DzELIAbU {\\\\n background: url(\\" + ___CSS_LOADER_URL___22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___27___ + \\" 1x, \\" + ___CSS_LOADER_URL___27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL___25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL___26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL___28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL___32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.mrf4tRz4T71pNku_3IMH3 {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.c5dNFA35opKWoGz7aRj0k {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n._2Q5a0g3xEHAboOADfIxHa5 {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n._2TX-7lb63hK5h5DzELIAbU {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { \\"class\\": \\"_7NvzxsKlD5xT5cUVu5Ad-\\", @@ -2192,41 +2192,41 @@ exports[`url option true and modules \`true\`: module 1`] = ` var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL___3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL___4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL___5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL___6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL___7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL___8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL___9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL___10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL___11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL___12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL___15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL___16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL___17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL___18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL___20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL___21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL___22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL___23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL___31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL___32___ = getUrl(require(\\"./img3x.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); +var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); +var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); +var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); +var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); +var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); +var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); +var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); +var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); +var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); +var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); +var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); +var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); +var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); +var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); +var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); +var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); +var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); +var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); +var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); +var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); // Module -exports.push([module.id, \\"._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___1___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL___0___ + \\"\\\\n );\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\" + ___CSS_LOADER_URL___2___ + \\") url(\\" + ___CSS_LOADER_URL___3___ + \\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL___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___5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL___6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL___8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL___9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL___10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL___11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL___13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___0___ + \\") xyz;\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x)\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___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___16___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___17___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL___19___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\" + ___CSS_LOADER_URL___0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL___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___20___ + \\");\\\\n}\\\\n\\\\n.mrf4tRz4T71pNku_3IMH3 {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.c5dNFA35opKWoGz7aRj0k {\\\\n background: url(\\" + ___CSS_LOADER_URL___21___ + \\");\\\\n}\\\\n\\\\n._2Q5a0g3xEHAboOADfIxHa5 {\\\\n background: url(\\" + ___CSS_LOADER_URL___2___ + \\");\\\\n}\\\\n\\\\n._2TX-7lb63hK5h5DzELIAbU {\\\\n background: url(\\" + ___CSS_LOADER_URL___22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___27___ + \\" 1x, \\" + ___CSS_LOADER_URL___27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL___25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL___26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL___28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL___32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.mrf4tRz4T71pNku_3IMH3 {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.c5dNFA35opKWoGz7aRj0k {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n._2Q5a0g3xEHAboOADfIxHa5 {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n._2TX-7lb63hK5h5DzELIAbU {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { \\"class\\": \\"_7NvzxsKlD5xT5cUVu5Ad-\\", @@ -2603,41 +2603,41 @@ exports[`url option true: module 1`] = ` var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL___0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL___1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL___3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL___4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL___5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL___6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL___7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL___8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL___9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL___10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL___11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL___12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL___14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL___15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL___16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL___17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL___18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL___19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL___20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL___21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL___22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL___23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL___25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL___30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL___31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL___32___ = getUrl(require(\\"./img3x.png\\")); +var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); +var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); +var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); +var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); +var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); +var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); +var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); +var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); +var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); +var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); +var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); +var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); +var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); +var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); +var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); +var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); +var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); +var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); +var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); +var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); +var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); +var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); +var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); +var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); // Module -exports.push([module.id, \\".class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL___0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL___2___ + \\") url(\\" + ___CSS_LOADER_URL___3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL___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___5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL___6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL___8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL___9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL___10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL___11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL___12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL___13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___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___16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL___19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL___0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL___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___20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL___21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL___2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL___22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL___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___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___27___ + \\" 1x, \\" + ___CSS_LOADER_URL___27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL___25___ + \\" 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL___25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL___26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL___28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL___31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL___15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL___32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL___4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL___14___ + \\") 1x, \\" + ___CSS_LOADER_URL___26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\".class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); " `; From 2e75460d3ea8d0009993280fb74bbb61c160f855 Mon Sep 17 00:00:00 2001 From: evilebottnawi Date: Thu, 5 Dec 2019 18:28:38 +0300 Subject: [PATCH 10/10] refactor: code --- src/index.js | 7 +- src/plugins/postcss-import-parser.js | 2 +- src/plugins/postcss-url-parser.js | 13 +- src/utils.js | 40 +- test/__snapshots__/import-option.test.js.snap | 349 +++++------ .../importLoaders-option.test.js.snap | 20 +- test/__snapshots__/loader.test.js.snap | 76 +-- .../__snapshots__/modules-option.test.js.snap | 11 +- test/__snapshots__/url-option.test.js.snap | 550 +++++++++++------- 9 files changed, 614 insertions(+), 454 deletions(-) diff --git a/src/index.js b/src/index.js index 13cb98a5..99583eda 100644 --- a/src/index.js +++ b/src/index.js @@ -13,7 +13,6 @@ import { importParser, icssParser, urlParser } from './plugins'; import { normalizeSourceMap, getModulesPlugins, - getImportPrefix, getFilter, getApiCode, getImportCode, @@ -109,11 +108,13 @@ export default function loader(content, map, meta) { } // Run other loader (`postcss-loader`, `sass-loader` and etc) for importing CSS - const importPrefix = getImportPrefix(this, options.importLoaders); const apiCode = exportType === 'full' ? getApiCode(this, sourceMap) : ''; const importCode = imports.length > 0 - ? getImportCode(this, imports, { importPrefix, exportType }) + ? getImportCode(this, imports, { + importLoaders: options.importLoaders, + exportType, + }) : ''; const moduleCode = exportType === 'full' diff --git a/src/plugins/postcss-import-parser.js b/src/plugins/postcss-import-parser.js index 57a6abed..daeae3fc 100644 --- a/src/plugins/postcss-import-parser.js +++ b/src/plugins/postcss-import-parser.js @@ -107,7 +107,7 @@ export default postcss.plugin( }, []) .forEach((item, index) => { const { url, media } = item; - const name = `___CSS_LOADER_IMPORT_${index}___`; + const name = `___CSS_LOADER_AT_RULE_IMPORT_${index}___`; result.messages.push({ pluginName, diff --git a/src/plugins/postcss-url-parser.js b/src/plugins/postcss-url-parser.js index 26a110a0..c206b8c2 100644 --- a/src/plugins/postcss-url-parser.js +++ b/src/plugins/postcss-url-parser.js @@ -49,7 +49,7 @@ function walkUrls(parsed, callback) { }); } -function getUrlsFromValue(value, result, filter, decl = null) { +function getUrlsFromValue(value, result, filter, decl) { if (!needParseDecl.test(value)) { return; } @@ -59,10 +59,9 @@ function getUrlsFromValue(value, result, filter, decl = null) { walkUrls(parsed, (node, url, needQuotes) => { if (url.trim().replace(/\\[\r\n]/g, '').length === 0) { - result.warn( - `Unable to find uri in '${decl ? decl.toString() : value}'`, - decl ? { node: decl } : {} - ); + result.warn(`Unable to find uri in '${decl ? decl.toString() : value}'`, { + node: decl, + }); return; } @@ -134,13 +133,13 @@ export default postcss.plugin( paths.forEach((path, index) => { const { url, hash, needQuotes, nodes } = path; - const name = `___CSS_LOADER_URL_${index}___`; + const name = `___CSS_LOADER_URL_IMPORT_${index}___`; result.messages.push( { pluginName, type: 'import', - value: { type: 'url', name, url, needQuotes, hash }, + value: { type: 'url', name, url, needQuotes, hash, index }, }, { pluginName, diff --git a/src/utils.js b/src/utils.js index 0bd1fc19..f993d3da 100644 --- a/src/utils.js +++ b/src/utils.js @@ -199,25 +199,31 @@ function getApiCode(loaderContext, sourceMap) { function getImportCode(loaderContext, imports, options) { const importItems = []; const codeItems = []; + const urlImportNames = new Map(); let hasUrlHelperCode = false; + let importPrefix; imports.forEach((item) => { if (item.type === '@import' || item.type === 'icss-import') { - const url = !isUrlRequest(item.url) - ? JSON.stringify(`@import url(${item.url});`) - : stringifyRequest( - loaderContext, - options.importPrefix + urlToRequest(item.url) - ); const media = item.media ? `, ${JSON.stringify(item.media)}` : ''; if (!isUrlRequest(item.url)) { + const url = JSON.stringify(`@import url(${item.url});`); codeItems.push(`exports.push([module.id, ${url}${media}]);`); return; } + if (!importPrefix) { + importPrefix = getImportPrefix(loaderContext, options.importLoaders); + } + + const url = stringifyRequest( + loaderContext, + importPrefix + urlToRequest(item.url) + ); + importItems.push(`var ${item.name} = require(${url});`); if (options.exportType === 'full') { @@ -230,21 +236,33 @@ function getImportCode(loaderContext, imports, options) { const pathToGetUrl = require.resolve('./runtime/getUrl.js'); const url = stringifyRequest(loaderContext, pathToGetUrl); - importItems.push(`var getUrl = require(${url});`); + importItems.push( + `var ___CSS_LOADER_GET_URL_IMPORT___ = require(${url});` + ); hasUrlHelperCode = true; } - const { name, url, hash, needQuotes } = item; + const { name, url, hash, needQuotes, index } = item; + + let importName = urlImportNames.get(url); + + if (!importName) { + const preparedUrl = stringifyRequest(loaderContext, urlToRequest(url)); + + importName = `___CSS_LOADER_URL_PURE_IMPORT_${index}___`; + importItems.push(`var ${importName} = require(${preparedUrl});`); + urlImportNames.set(url, importName); + } + const getUrlOptions = [] .concat(hash ? [`hash: ${JSON.stringify(hash)}`] : []) .concat(needQuotes ? 'needQuotes: true' : []); - const preparedUrl = stringifyRequest(loaderContext, urlToRequest(url)); const preparedOptions = getUrlOptions.length > 0 ? `, { ${getUrlOptions.join(', ')} }` : ''; codeItems.push( - `var ${name} = getUrl(require(${preparedUrl})${preparedOptions});` + `var ${name} = ___CSS_LOADER_GET_URL_IMPORT___(${importName}${preparedOptions});` ); } }); @@ -350,8 +368,6 @@ function getExportCode(loaderContext, exports, replacers, options) { } export { - getImportPrefix, - getLocalIdent, getFilter, getModulesPlugins, normalizeSourceMap, diff --git a/test/__snapshots__/import-option.test.js.snap b/test/__snapshots__/import-option.test.js.snap index 1210a52c..6a66d66b 100644 --- a/test/__snapshots__/import-option.test.js.snap +++ b/test/__snapshots__/import-option.test.js.snap @@ -177,39 +177,40 @@ Array [ exports[`import option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT_8___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT_9___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_14___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT_15___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT_16___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_1___, \\"(min-width: 100px)\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_8___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_9___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_14___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_15___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_16___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_18___ = 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___, \\"screen and print\\"); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"(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_IMPORT_8___); -exports.i(___CSS_LOADER_IMPORT_9___); -exports.i(___CSS_LOADER_IMPORT_10___, \\"screen and print\\"); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_8___); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_9___); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_10___, \\"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_IMPORT_14___); -exports.i(___CSS_LOADER_IMPORT_15___); -exports.i(___CSS_LOADER_IMPORT_16___); -exports.i(___CSS_LOADER_IMPORT_17___); -exports.i(___CSS_LOADER_IMPORT_18___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_14___); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_15___); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_16___); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_17___); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_18___); +var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); // Module -exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); " `; @@ -353,10 +354,11 @@ Array [ exports[`import option false: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +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_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); // Module -exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(test-media.css) screen and print;\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css#hash);\\\\n@import url(http://example.com/style.css?#hash);\\\\n@import url(http://example.com/style.css?foo=bar#hash);\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n@import url('other-query.css?foo=1&bar=1#hash') screen and print;\\\\n@import url('https://fonts.googleapis.com/css?family=Roboto');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n@import url('./relative.css');\\\\n@import url('../import/top-relative.css');\\\\n@import url(~package/tilde.css);\\\\n@import url(~aliasesImport/alias.css);\\\\n@import url('./url.css');\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test.css) screen and print;\\\\n@import url(test-media.css) screen and print;\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css#hash);\\\\n@import url(http://example.com/style.css?#hash);\\\\n@import url(http://example.com/style.css?foo=bar#hash);\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n@import url('other-query.css?foo=1&bar=1#hash') screen and print;\\\\n@import url('https://fonts.googleapis.com/css?family=Roboto');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n@import url('./relative.css');\\\\n@import url('../import/top-relative.css');\\\\n@import url(~package/tilde.css);\\\\n@import url(~aliasesImport/alias.css);\\\\n@import url('./url.css');\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); " `; @@ -545,45 +547,46 @@ Array [ exports[`import option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_3___, \\"(min-width: 100px)\\"); +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_IMPORT_10___); -exports.i(___CSS_LOADER_IMPORT_11___); -exports.i(___CSS_LOADER_IMPORT_12___); -exports.i(___CSS_LOADER_IMPORT_13___, \\"screen and print\\"); +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_IMPORT_17___); -exports.i(___CSS_LOADER_IMPORT_18___); -exports.i(___CSS_LOADER_IMPORT_19___); -exports.i(___CSS_LOADER_IMPORT_20___); -exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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\\", \\"\\"]); " `; @@ -828,45 +831,46 @@ Array [ exports[`import option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_3___, \\"(min-width: 100px)\\"); +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_IMPORT_10___); -exports.i(___CSS_LOADER_IMPORT_11___); -exports.i(___CSS_LOADER_IMPORT_12___); -exports.i(___CSS_LOADER_IMPORT_13___, \\"screen and print\\"); +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_IMPORT_17___); -exports.i(___CSS_LOADER_IMPORT_18___); -exports.i(___CSS_LOADER_IMPORT_19___); -exports.i(___CSS_LOADER_IMPORT_20___); -exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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\\", \\"\\"]); " `; @@ -1111,45 +1115,46 @@ Array [ exports[`import option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_3___, \\"(min-width: 100px)\\"); +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_IMPORT_10___); -exports.i(___CSS_LOADER_IMPORT_11___); -exports.i(___CSS_LOADER_IMPORT_12___); -exports.i(___CSS_LOADER_IMPORT_13___, \\"screen and print\\"); +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_IMPORT_17___); -exports.i(___CSS_LOADER_IMPORT_18___); -exports.i(___CSS_LOADER_IMPORT_19___); -exports.i(___CSS_LOADER_IMPORT_20___); -exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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\\", @@ -1399,45 +1404,46 @@ Array [ exports[`import option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_3___, \\"(min-width: 100px)\\"); +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_IMPORT_10___); -exports.i(___CSS_LOADER_IMPORT_11___); -exports.i(___CSS_LOADER_IMPORT_12___); -exports.i(___CSS_LOADER_IMPORT_13___, \\"screen and print\\"); +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_IMPORT_17___); -exports.i(___CSS_LOADER_IMPORT_18___); -exports.i(___CSS_LOADER_IMPORT_19___); -exports.i(___CSS_LOADER_IMPORT_20___); -exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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\\", @@ -1687,45 +1693,46 @@ Array [ exports[`import option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./test.css\\"); -var ___CSS_LOADER_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./test-media.css\\"); -var ___CSS_LOADER_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var ___CSS_LOADER_IMPORT_10___ = require(\\"-!../../../src/index.js??ref--4-0!package/test.css\\"); -var ___CSS_LOADER_IMPORT_11___ = require(\\"-!../../../src/index.js??ref--4-0!./query.css?foo=1&bar=1\\"); -var ___CSS_LOADER_IMPORT_12___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_13___ = require(\\"-!../../../src/index.js??ref--4-0!./other-query.css?foo=1&bar=1#hash\\"); -var ___CSS_LOADER_IMPORT_17___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\"); -var ___CSS_LOADER_IMPORT_18___ = require(\\"-!../../../src/index.js??ref--4-0!../import/top-relative.css\\"); -var ___CSS_LOADER_IMPORT_19___ = require(\\"-!../../../src/index.js??ref--4-0!package/tilde.css\\"); -var ___CSS_LOADER_IMPORT_20___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesImport/alias.css\\"); -var ___CSS_LOADER_IMPORT_21___ = require(\\"-!../../../src/index.js??ref--4-0!./url.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -exports.i(___CSS_LOADER_IMPORT_1___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_2___, \\"screen and print\\"); -exports.i(___CSS_LOADER_IMPORT_3___, \\"(min-width: 100px)\\"); +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_IMPORT_10___); -exports.i(___CSS_LOADER_IMPORT_11___); -exports.i(___CSS_LOADER_IMPORT_12___); -exports.i(___CSS_LOADER_IMPORT_13___, \\"screen and print\\"); +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_IMPORT_17___); -exports.i(___CSS_LOADER_IMPORT_18___); -exports.i(___CSS_LOADER_IMPORT_19___); -exports.i(___CSS_LOADER_IMPORT_20___); -exports.i(___CSS_LOADER_IMPORT_21___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); +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_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +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\\", \\"\\"]); " `; diff --git a/test/__snapshots__/importLoaders-option.test.js.snap b/test/__snapshots__/importLoaders-option.test.js.snap index cfb63aa5..95a51292 100644 --- a/test/__snapshots__/importLoaders-option.test.js.snap +++ b/test/__snapshots__/importLoaders-option.test.js.snap @@ -28,8 +28,8 @@ Array [ exports[`importLoaders option 0 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT_0___); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -65,8 +65,8 @@ Array [ exports[`importLoaders option 1 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT_0___); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -102,8 +102,8 @@ Array [ exports[`importLoaders option 1 (no loaders before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT_0___); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgb(0 0 100% / 90%);\\\\n}\\\\n\\", \\"\\"]); " @@ -139,8 +139,8 @@ Array [ exports[`importLoaders option 2 (\`postcss-loader\` before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT_0___); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!../../../node_modules/postcss-loader/src/index.js??ref--4-1!./imported.css\\"); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " @@ -176,8 +176,8 @@ Array [ exports[`importLoaders option not specify (no loader before): module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT_0___); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); // Module exports.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]); " diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap index 9c3838f6..40572090 100644 --- a/test/__snapshots__/loader.test.js.snap +++ b/test/__snapshots__/loader.test.js.snap @@ -293,12 +293,13 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point (with \`modules\` and scope \`global\`): module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./url/img.png\\")); +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(\\"./url/img.png\\"); +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___); // Module -exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); " `; @@ -597,12 +598,13 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point (with \`modules\` and scope \`local\`): module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./url/img.png\\")); +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(\\"./url/img.png\\"); +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___); // Module -exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._3YYoEr128Gk7ZgfRycu4tr {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { a: b c d; }\\\\n\\\\n._1LWD9ZV4XMmN23IPiMONS3 {}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f { a: b c d; }\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n\\\\n#Zmuw5k7Gg4hpgd6CVBEkq {}\\\\n\\\\n.nz2GDQ2B9PRi6GmzRwbUM {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._12Sbi_HmVVsUl9TM-zo3h- {\\\\n align-items: center;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM.gpFhy6a0Dyg4XrktE4jA3 {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\n.YDvxHwoU5TyTmW1oTkKgw {}\\\\n\\\\n#_3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n._3Zu4uw_Urs6mU3AHN6h0NV {}\\\\n\\\\n._4_pn9LmAb2XtAy0kg4FN_ {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._2LEttkwzH7jRE93Ku8MGqY {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#_2E85FJStrx25rDG2lYWifC {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_2pyPm3oWgKQ-rjECcnFYrX {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2pmolVDQD2g7wt3ejy2doK {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n._2mQhIWfQwYBHR8C-27Rb-E {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n._2H1jUQC4I1yE2c9CEwXfAS._3HDHfIW-5V2j3qdUcRiaMD ._2eB5NM0D15e1HQWl3AHa8q:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.JNjvwXXuHnb_zjhkwPzBD {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n._3YYoEr128Gk7ZgfRycu4tr {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { a: b c d; }\\\\n\\\\n._1LWD9ZV4XMmN23IPiMONS3 {}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f { a: b c d; }\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n\\\\n#Zmuw5k7Gg4hpgd6CVBEkq {}\\\\n\\\\n.nz2GDQ2B9PRi6GmzRwbUM {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._12Sbi_HmVVsUl9TM-zo3h- {\\\\n align-items: center;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM.gpFhy6a0Dyg4XrktE4jA3 {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\n.YDvxHwoU5TyTmW1oTkKgw {}\\\\n\\\\n#_3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n._3Zu4uw_Urs6mU3AHN6h0NV {}\\\\n\\\\n._4_pn9LmAb2XtAy0kg4FN_ {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._2LEttkwzH7jRE93Ku8MGqY {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#_2E85FJStrx25rDG2lYWifC {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_2pyPm3oWgKQ-rjECcnFYrX {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2pmolVDQD2g7wt3ejy2doK {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n._2mQhIWfQwYBHR8C-27Rb-E {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n._2H1jUQC4I1yE2c9CEwXfAS._3HDHfIW-5V2j3qdUcRiaMD ._2eB5NM0D15e1HQWl3AHa8q:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.JNjvwXXuHnb_zjhkwPzBD {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { \\"class\\": \\"_1PSZ4tK4URrenXyNSoawrx\\", @@ -925,12 +927,13 @@ a[href=\\"\\" i] { exports[`loader should compile with \`css\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./url/img.png\\")); +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(\\"./url/img.png\\"); +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___); // Module -exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); " `; @@ -1229,12 +1232,13 @@ a[href=\\"\\" i] { exports[`loader should compile with \`js\` entry point: module 1`] = ` "exports = module.exports = require(\\"../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./url/img.png\\")); +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(\\"./url/img.png\\"); +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___); // Module -exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); " `; @@ -1514,12 +1518,13 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = __webpack_require__(3); -var getUrl = __webpack_require__(4); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(__webpack_require__(5)); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = __webpack_require__(3); +var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(4); +var ___CSS_LOADER_URL_PURE_IMPORT_0___ = __webpack_require__(5); +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___); // Module -exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); /***/ }), @@ -1790,12 +1795,13 @@ console.log(styles); exports = module.exports = __webpack_require__(0)(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = __webpack_require__(3); -var getUrl = __webpack_require__(4); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(__webpack_require__(5)); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = __webpack_require__(3); +var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(4); +var ___CSS_LOADER_URL_PURE_IMPORT_0___ = __webpack_require__(5); +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___); // Module -exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.i, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]); /***/ }), @@ -1934,11 +1940,13 @@ a:hover { exports[`loader using together with "postcss-loader" and reuse \`ast\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img2x.png\\")); +var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"./img1x.png\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_1___ = require(\\"./img2x.png\\"); +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_1___); // Module -exports.push([module.id, \\":root {\\\\n --fontSize: 1rem;\\\\n --mainColor: rgba(18,52,86,0.47059);\\\\n --secondaryColor: rgba(102, 51, 153, 0.9);\\\\n}\\\\n\\\\nhtml {\\\\n overflow-x: hidden;\\\\n overflow-y: auto;\\\\n overflow: hidden auto;\\\\n}\\\\n\\\\n@media (max-width: 50rem) {\\\\n body {\\\\n color: rgba(18,52,86,0.47059);\\\\n color: var(--mainColor);\\\\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;\\\\n font-size: 1rem;\\\\n font-size: var(--fontSize);\\\\n line-height: calc(1rem * 1.5);\\\\n line-height: calc(var(--fontSize) * 1.5);\\\\n word-wrap: break-word;\\\\n padding-left: calc(1rem / 2 + 1px);\\\\n padding-right: calc(1rem / 2 + 1px);\\\\n padding-left: calc(var(--fontSize) / 2 + 1px);\\\\n padding-right: calc(var(--fontSize) / 2 + 1px);\\\\n }\\\\n}\\\\n\\\\nh1,h2,h3,h4,h5,h6 {\\\\n margin-top: 0;\\\\n margin-bottom: 0;\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_1___ + \\") 2x);\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_1___ + \\") 2x);\\\\n}\\\\n\\\\na {\\\\n color: rgba(0, 0, 255, 0.9)\\\\n}\\\\n\\\\na:hover {\\\\n color: #639;\\\\n }\\\\n\\", \\"\\"]); +exports.push([module.id, \\":root {\\\\n --fontSize: 1rem;\\\\n --mainColor: rgba(18,52,86,0.47059);\\\\n --secondaryColor: rgba(102, 51, 153, 0.9);\\\\n}\\\\n\\\\nhtml {\\\\n overflow-x: hidden;\\\\n overflow-y: auto;\\\\n overflow: hidden auto;\\\\n}\\\\n\\\\n@media (max-width: 50rem) {\\\\n body {\\\\n color: rgba(18,52,86,0.47059);\\\\n color: var(--mainColor);\\\\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;\\\\n font-size: 1rem;\\\\n font-size: var(--fontSize);\\\\n line-height: calc(1rem * 1.5);\\\\n line-height: calc(var(--fontSize) * 1.5);\\\\n word-wrap: break-word;\\\\n padding-left: calc(1rem / 2 + 1px);\\\\n padding-right: calc(1rem / 2 + 1px);\\\\n padding-left: calc(var(--fontSize) / 2 + 1px);\\\\n padding-right: calc(var(--fontSize) / 2 + 1px);\\\\n }\\\\n}\\\\n\\\\nh1,h2,h3,h4,h5,h6 {\\\\n margin-top: 0;\\\\n margin-bottom: 0;\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\\\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_IMPORT_1___ + \\");\\\\n}\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_1___ + \\") 2x);\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_1___ + \\") 2x);\\\\n}\\\\n\\\\na {\\\\n color: rgba(0, 0, 255, 0.9)\\\\n}\\\\n\\\\na:hover {\\\\n color: #639;\\\\n }\\\\n\\", \\"\\"]); " `; diff --git a/test/__snapshots__/modules-option.test.js.snap b/test/__snapshots__/modules-option.test.js.snap index cb5a11aa..8a87fd13 100644 --- a/test/__snapshots__/modules-option.test.js.snap +++ b/test/__snapshots__/modules-option.test.js.snap @@ -6152,8 +6152,9 @@ var ___CSS_LOADER_ICSS_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4- var ___CSS_LOADER_ICSS_IMPORT_4___ = require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\"); var ___CSS_LOADER_ICSS_IMPORT_5___ = require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\"); var ___CSS_LOADER_ICSS_IMPORT_6___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\"); -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"); +var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"../url/img.png\\"); exports.i(___CSS_LOADER_ICSS_IMPORT_0___); exports.i(___CSS_LOADER_ICSS_IMPORT_1___); exports.i(___CSS_LOADER_ICSS_IMPORT_2___); @@ -6161,10 +6162,10 @@ exports.i(___CSS_LOADER_ICSS_IMPORT_3___); exports.i(___CSS_LOADER_ICSS_IMPORT_4___); exports.i(___CSS_LOADER_ICSS_IMPORT_5___); exports.i(___CSS_LOADER_ICSS_IMPORT_6___); -exports.i(___CSS_LOADER_IMPORT_0___, \\"(min-width: 100px)\\"); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"../url/img.png\\")); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"(min-width: 100px)\\"); +var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___); // Module -exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._340mxt1qHaYWfC81FJUajb {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._340mxt1qHaYWfC81FJUajb {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\", \\"\\"]); // Exports exports.locals = { \\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\", diff --git a/test/__snapshots__/url-option.test.js.snap b/test/__snapshots__/url-option.test.js.snap index 84a4cc47..81258846 100644 --- a/test/__snapshots__/url-option.test.js.snap +++ b/test/__snapshots__/url-option.test.js.snap @@ -291,31 +291,44 @@ a { exports[`url option Function: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL_2___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL_3___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_8___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL_12___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img3x.png\\")); +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(\\"./font.woff\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_1___ = require(\\"./font.woff2\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_2___ = require(\\"./font.eot\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_3___ = require(\\"package/font.ttf\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_4___ = require(\\"./font with spaces.eot\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_5___ = require(\\"./font.svg\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_6___ = require(\\"./font.woff2?foo=bar\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_9___ = require(\\"./img1x.png\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_10___ = require(\\"./img2x.png\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_11___ = require(\\"./img-simple.png\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_12___ = require(\\"../url/img-simple.png\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_15___ = require(\\"./img3x.png\\"); +var ___CSS_LOADER_URL_PURE_IMPORT_16___ = 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_1___); +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___, { hash: \\"#svgFontName\\" }); +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_2___, { hash: \\"?#iefix\\" }); +var ___CSS_LOADER_URL_IMPORT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_4___, { hash: \\"?#iefix\\" }); +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___); +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_12___); +var ___CSS_LOADER_URL_IMPORT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___, { needQuotes: true }); +var ___CSS_LOADER_URL_IMPORT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_10___, { needQuotes: true }); +var ___CSS_LOADER_URL_IMPORT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___, { needQuotes: true }); +var ___CSS_LOADER_URL_IMPORT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_16___, { needQuotes: true }); +var ___CSS_LOADER_URL_IMPORT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___, { hash: \\"#hash\\", needQuotes: true }); +var ___CSS_LOADER_URL_IMPORT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_9___, { hash: \\"?#iefix\\", needQuotes: true }); +var ___CSS_LOADER_URL_IMPORT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_15___); // Module -exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(./img.png);\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\\\\\"./img.png\\\\\\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img.png' ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( ./img.png ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(~package/img.png) url(./other-img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img img.png' ) 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_0___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_1___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_2___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_3___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_4___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_5___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\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('./img.png') xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_10___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_10___ + \\") 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(\\\\\\"./img.png?foo\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url('./img.png') url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url('./img.png');\\\\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_11___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_12___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url('~package/img.png');\\\\n}\\\\n\\\\n.aliases {\\\\n background: url('~aliasesImg/img.png') ;\\\\n}\\\\n\\\\na {\\\\n background: url(./nested/img.png);\\\\n}\\\\n\\\\na {\\\\n background: url(nested/img.png);\\\\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_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_13___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x);\\\\n background-image: image-set(\\\\\\"./img img.png\\\\\\" 1x, \\\\\\"./img img.png\\\\\\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_13___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_14___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_15___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_16___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_17___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_18___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_10___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_10___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_19___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img img.png\\\\\\") 1x, url(\\\\\\"./img img.png\\\\\\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_9___ + \\") 1x, \\" + ___CSS_LOADER_URL_14___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(./img.png);\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\\\\\"./img.png\\\\\\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img.png' ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( ./img.png ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(~package/img.png) url(./other-img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img img.png' ) 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_0___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_1___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_2___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_3___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_4___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_5___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_7___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_8___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\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('./img.png') xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") 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(\\\\\\"./img.png?foo\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url('./img.png') url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url('./img.png');\\\\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_11___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_12___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url('~package/img.png');\\\\n}\\\\n\\\\n.aliases {\\\\n background: url('~aliasesImg/img.png') ;\\\\n}\\\\n\\\\na {\\\\n background: url(./nested/img.png);\\\\n}\\\\n\\\\na {\\\\n background: url(nested/img.png);\\\\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_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_14___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_13___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_14___ + \\" 2x);\\\\n background-image: image-set(\\\\\\"./img img.png\\\\\\" 1x, \\\\\\"./img img.png\\\\\\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_14___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_IMPORT_13___ + \\" 1x, \\" + ___CSS_LOADER_URL_IMPORT_14___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_IMPORT_13___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_14___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_IMPORT_15___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_16___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_17___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_IMPORT_18___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_10___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_IMPORT_19___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img img.png\\\\\\") 1x, url(\\\\\\"./img img.png\\\\\\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_IMPORT_9___ + \\") 1x, \\" + ___CSS_LOADER_URL_IMPORT_14___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); " `; @@ -678,8 +691,8 @@ a { exports[`url option false: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -exports.i(___CSS_LOADER_IMPORT_0___); +var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); +exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___); // Module exports.push([module.id, \\".class {\\\\n background: url('./img.png');\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(./img.png);\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\\\\\"./img.png\\\\\\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img.png' ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( ./img.png ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(~package/img.png) url(./other-img.png) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\\\\\"./img img.png\\\\\\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( './img img.png' ) 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(./font.woff) format('woff'),\\\\n url('./font.woff2') format('woff2'),\\\\n url(\\\\\\"./font.eot\\\\\\") format('eot'),\\\\n url(~package/font.ttf) format('truetype'),\\\\n url(\\\\\\"./font with spaces.eot\\\\\\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url('./font.svg#svgFontName') format('svg'),\\\\n url('./font.woff2?foo=bar') format('woff2'),\\\\n url(\\\\\\"./font.eot?#iefix\\\\\\") format('embedded-opentype'),\\\\n url(\\\\\\"./font with spaces.eot?#iefix\\\\\\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\\\\\"./img.png\\\\\\");\\\\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('./img.png') xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url('./img1x.png') 1x, url('./img2x.png') 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url('./img1x.png') 1x, url('./img2x.png') 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(\\\\\\"./img.png?foo\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?foo=bar#hash\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\\\"./img.png?\\\\\\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url('./img.png') url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url('./img.png');\\\\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('img-simple.png');\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url('../url/img-simple.png');\\\\n}\\\\n\\\\n.tilde {\\\\n background: url('~package/img.png');\\\\n}\\\\n\\\\n.aliases {\\\\n background: url('~aliasesImg/img.png') ;\\\\n}\\\\n\\\\na {\\\\n background: url(./nested/img.png);\\\\n}\\\\n\\\\na {\\\\n background: url(nested/img.png);\\\\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(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img img.png\\\\\\" 1x, \\\\\\"./img img.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x),\\\\n image-set(\\\\\\"./img1x.png\\\\\\" 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n background-image: image-set(\\\\n \\\\\\"./img1x.png\\\\\\" 1x,\\\\n \\\\\\"./img2x.png\\\\\\" 2x,\\\\n \\\\\\"./img3x.png\\\\\\" 600dpi\\\\n );\\\\n background-image: image-set(\\\\\\"./img1x.png?foo=bar\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png#hash\\\\\\" 1x);\\\\n background-image: image-set(\\\\\\"./img1x.png?#iefix\\\\\\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, url(\\\\\\"./img2x.png\\\\\\") 2x);\\\\n background-image: -webkit-image-set(url(\\\\\\"./img1x.png\\\\\\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\\\\\"./img1x.png\\\\\\") 1x\\\\n );\\\\n background-image: image-set(url(./img1x.png) 1x);\\\\n background-image: image-set(\\\\n url(./img1x.png) 1x\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, url(\\\\\\"./img2x.png\\\\\\") 2x);\\\\n background-image: image-set(\\\\n url(./img1x.png) 1x,\\\\n url(./img2x.png) 2x,\\\\n url(./img3x.png) 600dpi\\\\n );\\\\n background-image: image-set(url(\\\\\\"./img img.png\\\\\\") 1x, url(\\\\\\"./img img.png\\\\\\") 2x);\\\\n\\\\n background-image: image-set(url(\\\\\\"./img1x.png\\\\\\") 1x, \\\\\\"./img2x.png\\\\\\" 2x);\\\\n}\\\\n\\", \\"\\"]); " @@ -978,44 +991,67 @@ a { exports[`url option true and modules \`false\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); +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_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +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\\", \\"\\"]); " `; @@ -1378,44 +1414,67 @@ a { exports[`url option true and modules \`global\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); +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_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +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\\", \\"\\"]); " `; @@ -1778,44 +1837,67 @@ a { exports[`url option true and modules \`local\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); +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_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.mrf4tRz4T71pNku_3IMH3 {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.c5dNFA35opKWoGz7aRj0k {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n._2Q5a0g3xEHAboOADfIxHa5 {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n._2TX-7lb63hK5h5DzELIAbU {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +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-\\", @@ -2189,44 +2271,67 @@ a { exports[`url option true and modules \`true\`: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); +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_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n._1fj5hnOVZ8KZVIGyZbPW3p {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n._7NvzxsKlD5xT5cUVu5Ad- {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.mrf4tRz4T71pNku_3IMH3 {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.c5dNFA35opKWoGz7aRj0k {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n._2Q5a0g3xEHAboOADfIxHa5 {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n._2TX-7lb63hK5h5DzELIAbU {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +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-\\", @@ -2600,44 +2705,67 @@ a { exports[`url option true: module 1`] = ` "exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false); // Imports -var ___CSS_LOADER_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./imported.css\\"); -var getUrl = require(\\"../../../src/runtime/getUrl.js\\"); -exports.i(___CSS_LOADER_IMPORT_0___); -var ___CSS_LOADER_URL_0___ = getUrl(require(\\"./img.png\\")); -var ___CSS_LOADER_URL_1___ = getUrl(require(\\"./img.png\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_2___ = getUrl(require(\\"package/img.png\\")); -var ___CSS_LOADER_URL_3___ = getUrl(require(\\"./other-img.png\\")); -var ___CSS_LOADER_URL_4___ = getUrl(require(\\"./img img.png\\")); -var ___CSS_LOADER_URL_5___ = getUrl(require(\\"./font.woff\\")); -var ___CSS_LOADER_URL_6___ = getUrl(require(\\"./font.woff2\\")); -var ___CSS_LOADER_URL_7___ = getUrl(require(\\"./font.eot\\")); -var ___CSS_LOADER_URL_8___ = getUrl(require(\\"package/font.ttf\\")); -var ___CSS_LOADER_URL_9___ = getUrl(require(\\"./font with spaces.eot\\")); -var ___CSS_LOADER_URL_10___ = getUrl(require(\\"./font.svg\\"), { hash: \\"#svgFontName\\" }); -var ___CSS_LOADER_URL_11___ = getUrl(require(\\"./font.woff2?foo=bar\\")); -var ___CSS_LOADER_URL_12___ = getUrl(require(\\"./font.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_13___ = getUrl(require(\\"./font with spaces.eot\\"), { hash: \\"?#iefix\\" }); -var ___CSS_LOADER_URL_14___ = getUrl(require(\\"./img1x.png\\")); -var ___CSS_LOADER_URL_15___ = getUrl(require(\\"./img2x.png\\")); -var ___CSS_LOADER_URL_16___ = getUrl(require(\\"./img.png?foo\\")); -var ___CSS_LOADER_URL_17___ = getUrl(require(\\"./img.png?foo=bar\\")); -var ___CSS_LOADER_URL_18___ = getUrl(require(\\"./img.png?foo=bar\\"), { hash: \\"#hash\\" }); -var ___CSS_LOADER_URL_19___ = getUrl(require(\\"./img.png?\\")); -var ___CSS_LOADER_URL_20___ = getUrl(require(\\"./img-simple.png\\")); -var ___CSS_LOADER_URL_21___ = getUrl(require(\\"../url/img-simple.png\\")); -var ___CSS_LOADER_URL_22___ = getUrl(require(\\"aliasesImg/img.png\\")); -var ___CSS_LOADER_URL_23___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_24___ = getUrl(require(\\"./nested/img.png\\")); -var ___CSS_LOADER_URL_25___ = getUrl(require(\\"./img1x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_26___ = getUrl(require(\\"./img2x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_27___ = getUrl(require(\\"./img img.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_28___ = getUrl(require(\\"./img3x.png\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_29___ = getUrl(require(\\"./img1x.png?foo=bar\\"), { needQuotes: true }); -var ___CSS_LOADER_URL_30___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"#hash\\", needQuotes: true }); -var ___CSS_LOADER_URL_31___ = getUrl(require(\\"./img1x.png\\"), { hash: \\"?#iefix\\", needQuotes: true }); -var ___CSS_LOADER_URL_32___ = getUrl(require(\\"./img3x.png\\")); +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_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_0___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_1___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\\\n \\" + ___CSS_LOADER_URL_0___ + \\"\\\\n );\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_0___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url(\\" + ___CSS_LOADER_URL_2___ + \\") url(\\" + ___CSS_LOADER_URL_3___ + \\") xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_4___ + \\" ) xyz;\\\\n}\\\\n\\\\n.class {\\\\n background: green url( \\" + ___CSS_LOADER_URL_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_5___ + \\") format('woff'),\\\\n url(\\" + ___CSS_LOADER_URL_6___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_7___ + \\") format('eot'),\\\\n url(\\" + ___CSS_LOADER_URL_8___ + \\") format('truetype'),\\\\n url(\\" + ___CSS_LOADER_URL_9___ + \\") format(\\\\\\"embedded-opentype\\\\\\"),\\\\n url(\\" + ___CSS_LOADER_URL_10___ + \\") format('svg'),\\\\n url(\\" + ___CSS_LOADER_URL_11___ + \\") format('woff2'),\\\\n url(\\" + ___CSS_LOADER_URL_12___ + \\") format('embedded-opentype'),\\\\n url(\\" + ___CSS_LOADER_URL_13___ + \\") format('embedded-opentype');\\\\n}\\\\n\\\\n@media (min-width: 500px) {\\\\n body {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_0___ + \\") xyz;\\\\n}\\\\n\\\\n.a {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x)\\\\n}\\\\n\\\\n.a {\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_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_16___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_17___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_18___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background: url(\\" + ___CSS_LOADER_URL_19___ + \\");\\\\n}\\\\n\\\\n.class {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_0___ + \\") url(\\\\\\"data:image/svg+xml;charset=utf-8,\\\\\\") url(\\" + ___CSS_LOADER_URL_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_20___ + \\");\\\\n}\\\\n\\\\n.not-resolved {\\\\n background: url('/img-simple.png');\\\\n}\\\\n\\\\n.above-below {\\\\n background: url(\\" + ___CSS_LOADER_URL_21___ + \\");\\\\n}\\\\n\\\\n.tilde {\\\\n background: url(\\" + ___CSS_LOADER_URL_2___ + \\");\\\\n}\\\\n\\\\n.aliases {\\\\n background: url(\\" + ___CSS_LOADER_URL_22___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_23___ + \\");\\\\n}\\\\n\\\\na {\\\\n background: url(\\" + ___CSS_LOADER_URL_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_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_27___ + \\" 1x, \\" + ___CSS_LOADER_URL_27___ + \\" 2x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x),\\\\n image-set(\\" + ___CSS_LOADER_URL_25___ + \\" 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n background-image: image-set(\\\\n \\" + ___CSS_LOADER_URL_25___ + \\" 1x,\\\\n \\" + ___CSS_LOADER_URL_26___ + \\" 2x,\\\\n \\" + ___CSS_LOADER_URL_28___ + \\" 600dpi\\\\n );\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_29___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_30___ + \\" 1x);\\\\n background-image: image-set(\\" + ___CSS_LOADER_URL_31___ + \\" 1x);\\\\n\\\\n /* With \`url\` function */\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: -webkit-image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x);\\\\n background-image: image-set(\\\\n url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x,\\\\n url(\\" + ___CSS_LOADER_URL_15___ + \\") 2x,\\\\n url(\\" + ___CSS_LOADER_URL_32___ + \\") 600dpi\\\\n );\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_4___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_4___ + \\") 2x);\\\\n\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_14___ + \\") 1x, \\" + ___CSS_LOADER_URL_26___ + \\" 2x);\\\\n}\\\\n\\", \\"\\"]); +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\\", \\"\\"]); " `;