+
+
+
+
+"
+`;
+
+exports[`nonce should work when __webpack_nonce__ is defined: errors 1`] = `Array []`;
+
+exports[`nonce should work when __webpack_nonce__ is defined: warnings 1`] = `Array []`;
+
+exports[`nonce should work when __webpack_nonce__ is not defined: DOM 1`] = `
+"
+ style-loader test
+
+
+
+
Body
+
+
+
+
+"
+`;
+
+exports[`nonce should work when __webpack_nonce__ is not defined: errors 1`] = `Array []`;
+
+exports[`nonce should work when __webpack_nonce__ is not defined: warnings 1`] = `Array []`;
diff --git a/test/__snapshots__/validate-loader-options.test.js.snap b/test/__snapshots__/validate-loader-options.test.js.snap
index a47a0bad..5f9bdadd 100644
--- a/test/__snapshots__/validate-loader-options.test.js.snap
+++ b/test/__snapshots__/validate-loader-options.test.js.snap
@@ -1,5 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`validate options should throw an error on the "defaultExport" option with "1" value 1`] = `
+"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
+ - options.defaultExport should be a boolean.
+ -> Duplicate the named export with CSS modules locals to the default export (only when \`esModules: true\` for css-loader).
+ -> Read more at https://github.com/webpack-contrib/mini-css-extract-plugin#defaultexports"
+`;
+
exports[`validate options should throw an error on the "esModule" option with "1" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options.esModule should be a boolean.
@@ -21,47 +28,47 @@ exports[`validate options should throw an error on the "publicPath" option with
exports[`validate options should throw an error on the "unknown" option with "/test/" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'unknown'. These properties are valid:
- object { publicPath?, emit?, esModule?, layer? }"
+ object { publicPath?, emit?, esModule?, layer?, defaultExport? }"
`;
exports[`validate options should throw an error on the "unknown" option with "[]" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'unknown'. These properties are valid:
- object { publicPath?, emit?, esModule?, layer? }"
+ object { publicPath?, emit?, esModule?, layer?, defaultExport? }"
`;
exports[`validate options should throw an error on the "unknown" option with "{"foo":"bar"}" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'unknown'. These properties are valid:
- object { publicPath?, emit?, esModule?, layer? }"
+ object { publicPath?, emit?, esModule?, layer?, defaultExport? }"
`;
exports[`validate options should throw an error on the "unknown" option with "{}" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'unknown'. These properties are valid:
- object { publicPath?, emit?, esModule?, layer? }"
+ object { publicPath?, emit?, esModule?, layer?, defaultExport? }"
`;
exports[`validate options should throw an error on the "unknown" option with "1" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'unknown'. These properties are valid:
- object { publicPath?, emit?, esModule?, layer? }"
+ object { publicPath?, emit?, esModule?, layer?, defaultExport? }"
`;
exports[`validate options should throw an error on the "unknown" option with "false" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'unknown'. These properties are valid:
- object { publicPath?, emit?, esModule?, layer? }"
+ object { publicPath?, emit?, esModule?, layer?, defaultExport? }"
`;
exports[`validate options should throw an error on the "unknown" option with "test" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'unknown'. These properties are valid:
- object { publicPath?, emit?, esModule?, layer? }"
+ object { publicPath?, emit?, esModule?, layer?, defaultExport? }"
`;
exports[`validate options should throw an error on the "unknown" option with "true" value 1`] = `
"Invalid options object. Mini CSS Extract Plugin Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'unknown'. These properties are valid:
- object { publicPath?, emit?, esModule?, layer? }"
+ object { publicPath?, emit?, esModule?, layer?, defaultExport? }"
`;
diff --git a/test/cases/at-import-external-with-media/a.css b/test/cases/at-import-external-with-media/a.css
new file mode 100644
index 00000000..1652c1f6
--- /dev/null
+++ b/test/cases/at-import-external-with-media/a.css
@@ -0,0 +1,15 @@
+@import url(http://some/path/to/css1.css);
+@import url(http://some/path/to/css2.css) screen and (max-width: 1024px);
+@import url(http://some/path/to/css3.css) supports(display: grid) screen and
+ (max-width: 400px);
+@import url(http://some/path/to/css4.css) supports(display: grid);
+@import url(http://some/path/to/css5.css) layer();
+@import url(http://some/path/to/css6.css) layer;
+@import url(http://some/path/to/css7.css) layer(layer-name)
+ supports(display: grid) screen and (max-width: 1024px);
+@import url(http://some/path/to/css8.css) layer(layer-name) screen and
+ (max-width: 1024px);
+
+body {
+ background: red;
+}
diff --git a/test/cases/at-import-external-with-media/b.css b/test/cases/at-import-external-with-media/b.css
new file mode 100644
index 00000000..d1ff1aee
--- /dev/null
+++ b/test/cases/at-import-external-with-media/b.css
@@ -0,0 +1,5 @@
+@import url("https://some/external/css");
+
+.b {
+ background: red;
+}
diff --git a/test/cases/at-import-external-with-media/expected/main.css b/test/cases/at-import-external-with-media/expected/main.css
new file mode 100644
index 00000000..6207fe2a
--- /dev/null
+++ b/test/cases/at-import-external-with-media/expected/main.css
@@ -0,0 +1,19 @@
+@import url(http://some/path/to/css1.css);
+@import url(http://some/path/to/css2.css) screen and (max-width: 1024px);
+@import url(http://some/path/to/css3.css) supports(display: grid) screen and
+ (max-width: 400px);
+@import url(http://some/path/to/css4.css) supports(display: grid);
+@import url(http://some/path/to/css5.css) layer;
+@import url(http://some/path/to/css6.css) layer;
+@import url(http://some/path/to/css7.css) layer(layer-name) supports(display: grid) screen and (max-width: 1024px);
+@import url(http://some/path/to/css8.css) layer(layer-name) screen and
+ (max-width: 1024px);
+@import url(https://some/external/css);
+body {
+ background: red;
+}
+
+.b {
+ background: red;
+}
+
diff --git a/test/cases/at-import-external-with-media/index.js b/test/cases/at-import-external-with-media/index.js
new file mode 100644
index 00000000..5337afb9
--- /dev/null
+++ b/test/cases/at-import-external-with-media/index.js
@@ -0,0 +1,2 @@
+import "./a.css";
+import "./b.css";
diff --git a/test/cases/at-import-external-with-media/webpack.config.js b/test/cases/at-import-external-with-media/webpack.config.js
new file mode 100644
index 00000000..cf55c08c
--- /dev/null
+++ b/test/cases/at-import-external-with-media/webpack.config.js
@@ -0,0 +1,18 @@
+import Self from "../../../src";
+
+module.exports = {
+ entry: "./index.js",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [Self.loader, "css-loader"],
+ },
+ ],
+ },
+ plugins: [
+ new Self({
+ filename: "[name].css",
+ }),
+ ],
+};
diff --git a/test/cases/build-in-css-support/webpack.config.js b/test/cases/build-in-css-support/webpack.config.js
index 6d926bcb..17727ef9 100644
--- a/test/cases/build-in-css-support/webpack.config.js
+++ b/test/cases/build-in-css-support/webpack.config.js
@@ -19,7 +19,7 @@ module.exports = {
},
plugins: [
new Self({
- filename: "[name].css",
+ filename: "[name].extract.css",
}),
],
};
diff --git a/test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/0.db7007e0f10c80a36b7a.css b/test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/0.ec6b19ad9e5afccf41ed.css
similarity index 100%
rename from test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/0.db7007e0f10c80a36b7a.css
rename to test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/0.ec6b19ad9e5afccf41ed.css
diff --git a/test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/db7007e0f10c80a36b7a.css b/test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/ec6b19ad9e5afccf41ed.css
similarity index 100%
rename from test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/db7007e0f10c80a36b7a.css
rename to test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/ec6b19ad9e5afccf41ed.css
diff --git a/test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/main.js b/test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/main.js
index 7499a41b..699df42d 100644
--- a/test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/main.js
+++ b/test/cases/chunkFilename-fullhash/expected/webpack-5-importModule/main.js
@@ -73,7 +73,7 @@ __webpack_require__.r(__webpack_exports__);
/******/
/******/ /* webpack/runtime/getFullHash */
/******/ (() => {
-/******/ __webpack_require__.h = () => ("db7007e0f10c80a36b7a")
+/******/ __webpack_require__.h = () => ("ec6b19ad9e5afccf41ed")
/******/ })();
/******/
/******/ /* webpack/runtime/global */
@@ -118,6 +118,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
+/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@@ -161,7 +162,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) {
/******/ var i = scripts.length - 1;
-/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ }
/******/ }
/******/ }
@@ -180,15 +181,19 @@ __webpack_require__.r(__webpack_exports__);
/******/
/******/ linkTag.rel = "stylesheet";
/******/ linkTag.type = "text/css";
+/******/ if (__webpack_require__.nc) {
+/******/ linkTag.nonce = __webpack_require__.nc;
+/******/ }
/******/ var onLinkComplete = (event) => {
/******/ // avoid mem leaks.
/******/ linkTag.onerror = linkTag.onload = null;
/******/ if (event.type === 'load') {
/******/ resolve();
/******/ } else {
-/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var errorType = event && event.type;
/******/ var realHref = event && event.target && event.target.href || fullhref;
-/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + realHref + ")");
+/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + errorType + ": " + realHref + ")");
+/******/ err.name = "ChunkLoadError";
/******/ err.code = "CSS_CHUNK_LOAD_FAILED";
/******/ err.type = errorType;
/******/ err.request = realHref;
@@ -199,6 +204,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ linkTag.onerror = linkTag.onload = onLinkComplete;
/******/ linkTag.href = fullhref;
/******/
+/******/
/******/ if (oldTag) {
/******/ oldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);
/******/ } else {
@@ -247,6 +253,10 @@ __webpack_require__.r(__webpack_exports__);
/******/ };
/******/
/******/ // no hmr
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
diff --git a/test/cases/chunkFilename-fullhash/expected/webpack-5/0.106784193c04ad826b7a.css b/test/cases/chunkFilename-fullhash/expected/webpack-5/0.f572fe696dd05e7ca379.css
similarity index 100%
rename from test/cases/chunkFilename-fullhash/expected/webpack-5/0.106784193c04ad826b7a.css
rename to test/cases/chunkFilename-fullhash/expected/webpack-5/0.f572fe696dd05e7ca379.css
diff --git a/test/cases/chunkFilename-fullhash/expected/webpack-5/106784193c04ad826b7a.css b/test/cases/chunkFilename-fullhash/expected/webpack-5/f572fe696dd05e7ca379.css
similarity index 100%
rename from test/cases/chunkFilename-fullhash/expected/webpack-5/106784193c04ad826b7a.css
rename to test/cases/chunkFilename-fullhash/expected/webpack-5/f572fe696dd05e7ca379.css
diff --git a/test/cases/chunkFilename-fullhash/expected/webpack-5/main.js b/test/cases/chunkFilename-fullhash/expected/webpack-5/main.js
index 89008554..c66d5e1f 100644
--- a/test/cases/chunkFilename-fullhash/expected/webpack-5/main.js
+++ b/test/cases/chunkFilename-fullhash/expected/webpack-5/main.js
@@ -73,7 +73,7 @@ __webpack_require__.r(__webpack_exports__);
/******/
/******/ /* webpack/runtime/getFullHash */
/******/ (() => {
-/******/ __webpack_require__.h = () => ("106784193c04ad826b7a")
+/******/ __webpack_require__.h = () => ("f572fe696dd05e7ca379")
/******/ })();
/******/
/******/ /* webpack/runtime/global */
@@ -118,6 +118,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
+/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@@ -161,7 +162,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) {
/******/ var i = scripts.length - 1;
-/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ }
/******/ }
/******/ }
@@ -180,15 +181,19 @@ __webpack_require__.r(__webpack_exports__);
/******/
/******/ linkTag.rel = "stylesheet";
/******/ linkTag.type = "text/css";
+/******/ if (__webpack_require__.nc) {
+/******/ linkTag.nonce = __webpack_require__.nc;
+/******/ }
/******/ var onLinkComplete = (event) => {
/******/ // avoid mem leaks.
/******/ linkTag.onerror = linkTag.onload = null;
/******/ if (event.type === 'load') {
/******/ resolve();
/******/ } else {
-/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var errorType = event && event.type;
/******/ var realHref = event && event.target && event.target.href || fullhref;
-/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + realHref + ")");
+/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + errorType + ": " + realHref + ")");
+/******/ err.name = "ChunkLoadError";
/******/ err.code = "CSS_CHUNK_LOAD_FAILED";
/******/ err.type = errorType;
/******/ err.request = realHref;
@@ -199,6 +204,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ linkTag.onerror = linkTag.onload = onLinkComplete;
/******/ linkTag.href = fullhref;
/******/
+/******/
/******/ if (oldTag) {
/******/ oldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);
/******/ } else {
@@ -247,6 +253,10 @@ __webpack_require__.r(__webpack_exports__);
/******/ };
/******/
/******/ // no hmr
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
diff --git a/test/cases/custom-loader-with-functional-exports/expected/main.js b/test/cases/custom-loader-with-functional-exports/expected/main.js
index a25ef24d..e3e3d2ff 100644
--- a/test/cases/custom-loader-with-functional-exports/expected/main.js
+++ b/test/cases/custom-loader-with-functional-exports/expected/main.js
@@ -7,12 +7,14 @@
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ cnA: () => (/* binding */ cnA),
-/* harmony export */ cnB: () => (/* binding */ cnB)
+/* harmony export */ cnA: () => (/* binding */ _1),
+/* harmony export */ cnB: () => (/* binding */ _2)
/* harmony export */ });
// extracted by mini-css-extract-plugin
-var cnA = () => "class-name-a";
-var cnB = () => "class-name-b";
+var _1 = () => "class-name-a";
+var _2 = () => "class-name-b";
+
+
/***/ })
/******/ ]);
diff --git a/test/cases/es-module-concatenation-modules/expected/main.js b/test/cases/es-module-concatenation-modules/expected/main.js
index 71f38e53..918474db 100644
--- a/test/cases/es-module-concatenation-modules/expected/main.js
+++ b/test/cases/es-module-concatenation-modules/expected/main.js
@@ -41,21 +41,21 @@ __webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
a: () => (/* reexport */ a_namespaceObject),
b: () => (/* reexport */ b_namespaceObject),
- c: () => (/* reexport */ c)
+ c: () => (/* reexport */ c_1)
});
// NAMESPACE OBJECT: ./a.css
var a_namespaceObject = {};
__webpack_require__.r(a_namespaceObject);
__webpack_require__.d(a_namespaceObject, {
- a: () => (a)
+ a: () => (_1)
});
// NAMESPACE OBJECT: ./b.css
var b_namespaceObject = {};
__webpack_require__.r(b_namespaceObject);
__webpack_require__.d(b_namespaceObject, {
- b: () => (b)
+ b: () => (b_1)
});
// NAMESPACE OBJECT: ./index.js
@@ -64,18 +64,24 @@ __webpack_require__.r(index_namespaceObject);
__webpack_require__.d(index_namespaceObject, {
a: () => (a_namespaceObject),
b: () => (b_namespaceObject),
- c: () => (c)
+ c: () => (c_1)
});
;// CONCATENATED MODULE: ./a.css
// extracted by mini-css-extract-plugin
-var a = "foo__a";
+var _1 = "foo__a";
+
+
;// CONCATENATED MODULE: ./b.css
// extracted by mini-css-extract-plugin
-var b = "foo__b";
+var b_1 = "foo__b";
+
+
;// CONCATENATED MODULE: ./c.css
// extracted by mini-css-extract-plugin
-var c = "foo__c";
+var c_1 = "foo__c";
+
+
;// CONCATENATED MODULE: ./index.js
/* eslint-disable import/no-namespace */
diff --git a/test/cases/es-named-and-default-export-1/empty.css b/test/cases/es-named-and-default-export-1/empty.css
new file mode 100644
index 00000000..e69de29b
diff --git a/test/cases/es-named-and-default-export-1/expected/main.css b/test/cases/es-named-and-default-export-1/expected/main.css
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/test/cases/es-named-and-default-export-1/expected/main.css
@@ -0,0 +1 @@
+
diff --git a/test/cases/es-named-and-default-export-1/expected/main.js b/test/cases/es-named-and-default-export-1/expected/main.js
new file mode 100644
index 00000000..1d321d3a
--- /dev/null
+++ b/test/cases/es-named-and-default-export-1/expected/main.js
@@ -0,0 +1,85 @@
+/******/ (() => { // webpackBootstrap
+/******/ "use strict";
+/******/ var __webpack_modules__ = ([
+/* 0 */,
+/* 1 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});
+
+/***/ })
+/******/ ]);
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ // Check if module is in cache
+/******/ var cachedModule = __webpack_module_cache__[moduleId];
+/******/ if (cachedModule !== undefined) {
+/******/ return cachedModule.exports;
+/******/ }
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = __webpack_module_cache__[moduleId] = {
+/******/ // no module.id needed
+/******/ // no module.loaded needed
+/******/ exports: {}
+/******/ };
+/******/
+/******/ // Execute the module function
+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+/******/
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ // define getter functions for harmony exports
+/******/ __webpack_require__.d = (exports, definition) => {
+/******/ for(var key in definition) {
+/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ }
+/******/ }
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ // define __esModule on exports
+/******/ __webpack_require__.r = (exports) => {
+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ }
+/******/ Object.defineProperty(exports, '__esModule', { value: true });
+/******/ };
+/******/ })();
+/******/
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _empty_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+
+
+// eslint-disable-next-line no-console
+console.log({ css: _empty_css__WEBPACK_IMPORTED_MODULE_0__["default"] });
+
+})();
+
+/******/ })()
+;
\ No newline at end of file
diff --git a/test/cases/es-named-and-default-export-1/index.js b/test/cases/es-named-and-default-export-1/index.js
new file mode 100644
index 00000000..e42dfb9a
--- /dev/null
+++ b/test/cases/es-named-and-default-export-1/index.js
@@ -0,0 +1,4 @@
+import css from "./empty.css";
+
+// eslint-disable-next-line no-console
+console.log({ css });
diff --git a/test/cases/es-named-and-default-export-1/webpack.config.js b/test/cases/es-named-and-default-export-1/webpack.config.js
new file mode 100644
index 00000000..b58d12f5
--- /dev/null
+++ b/test/cases/es-named-and-default-export-1/webpack.config.js
@@ -0,0 +1,34 @@
+import Self from "../../../src";
+
+module.exports = {
+ entry: "./index.js",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [
+ {
+ loader: Self.loader,
+ options: {
+ defaultExport: true,
+ },
+ },
+ {
+ loader: "css-loader",
+ options: {
+ esModule: true,
+ modules: {
+ namedExport: true,
+ },
+ },
+ },
+ ],
+ },
+ ],
+ },
+ plugins: [
+ new Self({
+ filename: "[name].css",
+ }),
+ ],
+};
diff --git a/test/cases/es-named-and-default-export/expected/main.css b/test/cases/es-named-and-default-export/expected/main.css
new file mode 100644
index 00000000..aa9b1569
--- /dev/null
+++ b/test/cases/es-named-and-default-export/expected/main.css
@@ -0,0 +1,12 @@
+.foo__style__a-class {
+ background: red;
+}
+
+.foo__style__b__class {
+ color: green;
+}
+
+.foo__style__cClass {
+ color: blue;
+}
+
diff --git a/test/cases/es-named-and-default-export/expected/main.js b/test/cases/es-named-and-default-export/expected/main.js
new file mode 100644
index 00000000..693ca53e
--- /dev/null
+++ b/test/cases/es-named-and-default-export/expected/main.js
@@ -0,0 +1,93 @@
+/******/ (() => { // webpackBootstrap
+/******/ "use strict";
+/******/ var __webpack_modules__ = ([
+/* 0 */,
+/* 1 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "a-class": () => (/* binding */ _1),
+/* harmony export */ b__class: () => (/* binding */ _2),
+/* harmony export */ cClass: () => (/* binding */ _3),
+/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+var _1 = "foo__style__a-class";
+var _2 = "foo__style__b__class";
+var _3 = "foo__style__cClass";
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ "a-class": _1, "b__class": _2, "cClass": _3 });
+
+
+/***/ })
+/******/ ]);
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ // Check if module is in cache
+/******/ var cachedModule = __webpack_module_cache__[moduleId];
+/******/ if (cachedModule !== undefined) {
+/******/ return cachedModule.exports;
+/******/ }
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = __webpack_module_cache__[moduleId] = {
+/******/ // no module.id needed
+/******/ // no module.loaded needed
+/******/ exports: {}
+/******/ };
+/******/
+/******/ // Execute the module function
+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+/******/
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ // define getter functions for harmony exports
+/******/ __webpack_require__.d = (exports, definition) => {
+/******/ for(var key in definition) {
+/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ }
+/******/ }
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ // define __esModule on exports
+/******/ __webpack_require__.r = (exports) => {
+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ }
+/******/ Object.defineProperty(exports, '__esModule', { value: true });
+/******/ };
+/******/ })();
+/******/
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _style_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+
+
+// eslint-disable-next-line no-console
+console.log({ css: _style_css__WEBPACK_IMPORTED_MODULE_0__["default"], aClass: _style_css__WEBPACK_IMPORTED_MODULE_0__["a-class"], bClass: _style_css__WEBPACK_IMPORTED_MODULE_0__.b__class, cClass: _style_css__WEBPACK_IMPORTED_MODULE_0__.cClass });
+
+})();
+
+/******/ })()
+;
\ No newline at end of file
diff --git a/test/cases/es-named-and-default-export/index.js b/test/cases/es-named-and-default-export/index.js
new file mode 100644
index 00000000..aa114287
--- /dev/null
+++ b/test/cases/es-named-and-default-export/index.js
@@ -0,0 +1,8 @@
+import css, {
+ "a-class" as aClass,
+ "b__class" as bClass,
+ cClass,
+} from "./style.css";
+
+// eslint-disable-next-line no-console
+console.log({ css, aClass, bClass, cClass });
diff --git a/test/cases/es-named-and-default-export/style.css b/test/cases/es-named-and-default-export/style.css
new file mode 100644
index 00000000..a9085408
--- /dev/null
+++ b/test/cases/es-named-and-default-export/style.css
@@ -0,0 +1,11 @@
+.a-class {
+ background: red;
+}
+
+.b__class {
+ color: green;
+}
+
+.cClass {
+ color: blue;
+}
diff --git a/test/cases/es-named-and-default-export/webpack.config.js b/test/cases/es-named-and-default-export/webpack.config.js
new file mode 100644
index 00000000..d7d364b3
--- /dev/null
+++ b/test/cases/es-named-and-default-export/webpack.config.js
@@ -0,0 +1,36 @@
+import Self from "../../../src";
+
+module.exports = {
+ entry: "./index.js",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [
+ {
+ loader: Self.loader,
+ options: {
+ defaultExport: true,
+ },
+ },
+ {
+ loader: "css-loader",
+ options: {
+ esModule: true,
+ modules: {
+ namedExport: true,
+ exportLocalsConvention: "asIs",
+ localIdentName: "foo__[name]__[local]",
+ },
+ },
+ },
+ ],
+ },
+ ],
+ },
+ plugins: [
+ new Self({
+ filename: "[name].css",
+ }),
+ ],
+};
diff --git a/test/cases/es-named-export-as-is-output-module/expected/main.css b/test/cases/es-named-export-as-is-output-module/expected/main.css
new file mode 100644
index 00000000..b9a7e294
--- /dev/null
+++ b/test/cases/es-named-export-as-is-output-module/expected/main.css
@@ -0,0 +1,12 @@
+.Xh041yLR4iCP4RGjge50 {
+ background: red;
+}
+
+.NMuRsxoDwvW8BhSXhFAY {
+ color: green;
+}
+
+.ayWIv09rPsAqE2JznIsI {
+ color: blue;
+}
+
diff --git a/test/cases/es-named-export-as-is-output-module/expected/main.mjs b/test/cases/es-named-export-as-is-output-module/expected/main.mjs
new file mode 100644
index 00000000..dd030372
--- /dev/null
+++ b/test/cases/es-named-export-as-is-output-module/expected/main.mjs
@@ -0,0 +1,87 @@
+/******/ var __webpack_modules__ = ([
+/* 0 */,
+/* 1 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "a-class": () => (/* binding */ _1),
+/* harmony export */ b__class: () => (/* binding */ _2),
+/* harmony export */ cClass: () => (/* binding */ _3)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+var _1 = "Xh041yLR4iCP4RGjge50";
+var _2 = "NMuRsxoDwvW8BhSXhFAY";
+var _3 = "ayWIv09rPsAqE2JznIsI";
+
+
+
+/***/ })
+/******/ ]);
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ // Check if module is in cache
+/******/ var cachedModule = __webpack_module_cache__[moduleId];
+/******/ if (cachedModule !== undefined) {
+/******/ return cachedModule.exports;
+/******/ }
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = __webpack_module_cache__[moduleId] = {
+/******/ // no module.id needed
+/******/ // no module.loaded needed
+/******/ exports: {}
+/******/ };
+/******/
+/******/ // Execute the module function
+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+/******/
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ // define getter functions for harmony exports
+/******/ __webpack_require__.d = (exports, definition) => {
+/******/ for(var key in definition) {
+/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ }
+/******/ }
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ // define __esModule on exports
+/******/ __webpack_require__.r = (exports) => {
+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ }
+/******/ Object.defineProperty(exports, '__esModule', { value: true });
+/******/ };
+/******/ })();
+/******/
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _style_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+
+
+// eslint-disable-next-line no-console
+console.log({ css: _style_css__WEBPACK_IMPORTED_MODULE_0__["default"], aClass: _style_css__WEBPACK_IMPORTED_MODULE_0__["a-class"], bClass: _style_css__WEBPACK_IMPORTED_MODULE_0__.b__class, cClass: _style_css__WEBPACK_IMPORTED_MODULE_0__.cClass });
+
+})();
+
diff --git a/test/cases/es-named-export-as-is-output-module/index.js b/test/cases/es-named-export-as-is-output-module/index.js
new file mode 100644
index 00000000..aa114287
--- /dev/null
+++ b/test/cases/es-named-export-as-is-output-module/index.js
@@ -0,0 +1,8 @@
+import css, {
+ "a-class" as aClass,
+ "b__class" as bClass,
+ cClass,
+} from "./style.css";
+
+// eslint-disable-next-line no-console
+console.log({ css, aClass, bClass, cClass });
diff --git a/test/cases/es-named-export-as-is-output-module/style.css b/test/cases/es-named-export-as-is-output-module/style.css
new file mode 100644
index 00000000..a9085408
--- /dev/null
+++ b/test/cases/es-named-export-as-is-output-module/style.css
@@ -0,0 +1,11 @@
+.a-class {
+ background: red;
+}
+
+.b__class {
+ color: green;
+}
+
+.cClass {
+ color: blue;
+}
diff --git a/test/cases/es-named-export-as-is-output-module/webpack.config.js b/test/cases/es-named-export-as-is-output-module/webpack.config.js
new file mode 100644
index 00000000..2f78afe7
--- /dev/null
+++ b/test/cases/es-named-export-as-is-output-module/webpack.config.js
@@ -0,0 +1,38 @@
+import Self from "../../../src";
+
+module.exports = {
+ entry: "./index.js",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [
+ {
+ loader: Self.loader,
+ },
+ {
+ loader: "css-loader",
+ options: {
+ esModule: true,
+ modules: {
+ namedExport: true,
+ exportLocalsConvention: "asIs",
+ },
+ },
+ },
+ ],
+ },
+ ],
+ },
+ output: {
+ module: true,
+ },
+ experiments: {
+ outputModule: true,
+ },
+ plugins: [
+ new Self({
+ filename: "[name].css",
+ }),
+ ],
+};
diff --git a/test/cases/es-named-export-as-is/expected/main.css b/test/cases/es-named-export-as-is/expected/main.css
new file mode 100644
index 00000000..b9a7e294
--- /dev/null
+++ b/test/cases/es-named-export-as-is/expected/main.css
@@ -0,0 +1,12 @@
+.Xh041yLR4iCP4RGjge50 {
+ background: red;
+}
+
+.NMuRsxoDwvW8BhSXhFAY {
+ color: green;
+}
+
+.ayWIv09rPsAqE2JznIsI {
+ color: blue;
+}
+
diff --git a/test/cases/es-named-export-as-is/expected/main.js b/test/cases/es-named-export-as-is/expected/main.js
new file mode 100644
index 00000000..a17ffa68
--- /dev/null
+++ b/test/cases/es-named-export-as-is/expected/main.js
@@ -0,0 +1,91 @@
+/******/ (() => { // webpackBootstrap
+/******/ "use strict";
+/******/ var __webpack_modules__ = ([
+/* 0 */,
+/* 1 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "a-class": () => (/* binding */ _1),
+/* harmony export */ b__class: () => (/* binding */ _2),
+/* harmony export */ cClass: () => (/* binding */ _3)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+var _1 = "Xh041yLR4iCP4RGjge50";
+var _2 = "NMuRsxoDwvW8BhSXhFAY";
+var _3 = "ayWIv09rPsAqE2JznIsI";
+
+
+
+/***/ })
+/******/ ]);
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ // Check if module is in cache
+/******/ var cachedModule = __webpack_module_cache__[moduleId];
+/******/ if (cachedModule !== undefined) {
+/******/ return cachedModule.exports;
+/******/ }
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = __webpack_module_cache__[moduleId] = {
+/******/ // no module.id needed
+/******/ // no module.loaded needed
+/******/ exports: {}
+/******/ };
+/******/
+/******/ // Execute the module function
+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+/******/
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ // define getter functions for harmony exports
+/******/ __webpack_require__.d = (exports, definition) => {
+/******/ for(var key in definition) {
+/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ }
+/******/ }
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ // define __esModule on exports
+/******/ __webpack_require__.r = (exports) => {
+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ }
+/******/ Object.defineProperty(exports, '__esModule', { value: true });
+/******/ };
+/******/ })();
+/******/
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _style_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+
+
+// eslint-disable-next-line no-console
+console.log({ css: _style_css__WEBPACK_IMPORTED_MODULE_0__["default"], aClass: _style_css__WEBPACK_IMPORTED_MODULE_0__["a-class"], bClass: _style_css__WEBPACK_IMPORTED_MODULE_0__.b__class, cClass: _style_css__WEBPACK_IMPORTED_MODULE_0__.cClass });
+
+})();
+
+/******/ })()
+;
\ No newline at end of file
diff --git a/test/cases/es-named-export-as-is/index.js b/test/cases/es-named-export-as-is/index.js
new file mode 100644
index 00000000..aa114287
--- /dev/null
+++ b/test/cases/es-named-export-as-is/index.js
@@ -0,0 +1,8 @@
+import css, {
+ "a-class" as aClass,
+ "b__class" as bClass,
+ cClass,
+} from "./style.css";
+
+// eslint-disable-next-line no-console
+console.log({ css, aClass, bClass, cClass });
diff --git a/test/cases/es-named-export-as-is/style.css b/test/cases/es-named-export-as-is/style.css
new file mode 100644
index 00000000..a9085408
--- /dev/null
+++ b/test/cases/es-named-export-as-is/style.css
@@ -0,0 +1,11 @@
+.a-class {
+ background: red;
+}
+
+.b__class {
+ color: green;
+}
+
+.cClass {
+ color: blue;
+}
diff --git a/test/cases/es-named-export-as-is/webpack.config.js b/test/cases/es-named-export-as-is/webpack.config.js
new file mode 100644
index 00000000..e7a1091f
--- /dev/null
+++ b/test/cases/es-named-export-as-is/webpack.config.js
@@ -0,0 +1,32 @@
+import Self from "../../../src";
+
+module.exports = {
+ entry: "./index.js",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [
+ {
+ loader: Self.loader,
+ },
+ {
+ loader: "css-loader",
+ options: {
+ esModule: true,
+ modules: {
+ namedExport: true,
+ exportLocalsConvention: "asIs",
+ },
+ },
+ },
+ ],
+ },
+ ],
+ },
+ plugins: [
+ new Self({
+ filename: "[name].css",
+ }),
+ ],
+};
diff --git a/test/cases/es-named-export-output-module/expected/main.mjs b/test/cases/es-named-export-output-module/expected/main.mjs
index 1f78824d..eea1b171 100644
--- a/test/cases/es-named-export-output-module/expected/main.mjs
+++ b/test/cases/es-named-export-output-module/expected/main.mjs
@@ -5,14 +5,16 @@
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ aClass: () => (/* binding */ aClass),
-/* harmony export */ bClass: () => (/* binding */ bClass),
-/* harmony export */ cClass: () => (/* binding */ cClass)
+/* harmony export */ aClass: () => (/* binding */ _1),
+/* harmony export */ bClass: () => (/* binding */ _2),
+/* harmony export */ cClass: () => (/* binding */ _3)
/* harmony export */ });
// extracted by mini-css-extract-plugin
-var aClass = "foo__style__a-class";
-var bClass = "foo__style__b__class";
-var cClass = "foo__style__cClass";
+var _1 = "foo__style__a-class";
+var _2 = "foo__style__b__class";
+var _3 = "foo__style__cClass";
+
+
/***/ })
/******/ ]);
diff --git a/test/cases/es-named-export/expected/main.js b/test/cases/es-named-export/expected/main.js
index a5118432..08202354 100644
--- a/test/cases/es-named-export/expected/main.js
+++ b/test/cases/es-named-export/expected/main.js
@@ -7,14 +7,16 @@
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ aClass: () => (/* binding */ aClass),
-/* harmony export */ bClass: () => (/* binding */ bClass),
-/* harmony export */ cClass: () => (/* binding */ cClass)
+/* harmony export */ "a-class": () => (/* binding */ _1),
+/* harmony export */ b__class: () => (/* binding */ _2),
+/* harmony export */ cClass: () => (/* binding */ _3)
/* harmony export */ });
// extracted by mini-css-extract-plugin
-var aClass = "foo__style__a-class";
-var bClass = "foo__style__b__class";
-var cClass = "foo__style__cClass";
+var _1 = "foo__style__a-class";
+var _2 = "foo__style__b__class";
+var _3 = "foo__style__cClass";
+
+
/***/ })
/******/ ]);
diff --git a/test/cases/es-named-export/webpack.config.js b/test/cases/es-named-export/webpack.config.js
index 6ab62bc2..49f0c3c6 100644
--- a/test/cases/es-named-export/webpack.config.js
+++ b/test/cases/es-named-export/webpack.config.js
@@ -16,6 +16,7 @@ module.exports = {
esModule: true,
modules: {
namedExport: true,
+ exportLocalsConvention: "asIs",
localIdentName: "foo__[name]__[local]",
},
},
diff --git a/test/cases/export-only-locals-and-es-named-export/expected/main.js b/test/cases/export-only-locals-and-es-named-export/expected/main.js
index 15e05d5f..fc556c4f 100644
--- a/test/cases/export-only-locals-and-es-named-export/expected/main.js
+++ b/test/cases/export-only-locals-and-es-named-export/expected/main.js
@@ -7,14 +7,16 @@
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ aClass: () => (/* binding */ aClass),
-/* harmony export */ bClass: () => (/* binding */ bClass),
-/* harmony export */ cClass: () => (/* binding */ cClass)
+/* harmony export */ aClass: () => (/* binding */ _1),
+/* harmony export */ bClass: () => (/* binding */ _2),
+/* harmony export */ cClass: () => (/* binding */ _3)
/* harmony export */ });
// extracted by mini-css-extract-plugin
-var aClass = "foo__style__a-class";
-var bClass = "foo__style__b__class";
-var cClass = "foo__style__cClass";
+var _1 = "foo__style__a-class";
+var _2 = "foo__style__b__class";
+var _3 = "foo__style__cClass";
+
+
/***/ })
/******/ ]);
diff --git a/test/cases/hmr-locals/expected/main.css b/test/cases/hmr-locals/expected/main.css
new file mode 100644
index 00000000..c5589a3f
--- /dev/null
+++ b/test/cases/hmr-locals/expected/main.css
@@ -0,0 +1,7 @@
+/*!************************************************************************************************!*\
+ !*** css ../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./index.css ***!
+ \************************************************************************************************/
+.VoofDB21D_QzDbRdwMiY {
+ color: red;
+}
+
diff --git a/test/cases/hmr-locals/expected/main.js b/test/cases/hmr-locals/expected/main.js
new file mode 100644
index 00000000..1c63cc02
--- /dev/null
+++ b/test/cases/hmr-locals/expected/main.js
@@ -0,0 +1,1591 @@
+/******/ (() => { // webpackBootstrap
+/******/ var __webpack_modules__ = ({
+
+/***/ "../../../src/hmr/hotModuleReplacement.js":
+/*!************************************************!*\
+ !*** ../../../src/hmr/hotModuleReplacement.js ***!
+ \************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+/* eslint-env browser */
+/*
+ eslint-disable
+ no-console,
+ func-names
+*/
+
+/** @typedef {any} TODO */
+
+const normalizeUrl = __webpack_require__(/*! ./normalize-url */ "../../../src/hmr/normalize-url.js");
+
+const srcByModuleId = Object.create(null);
+
+const noDocument = typeof document === "undefined";
+
+const { forEach } = Array.prototype;
+
+/**
+ * @param {function} fn
+ * @param {number} time
+ * @returns {(function(): void)|*}
+ */
+function debounce(fn, time) {
+ let timeout = 0;
+
+ return function () {
+ // @ts-ignore
+ const self = this;
+ // eslint-disable-next-line prefer-rest-params
+ const args = arguments;
+
+ const functionCall = function functionCall() {
+ return fn.apply(self, args);
+ };
+
+ clearTimeout(timeout);
+
+ // @ts-ignore
+ timeout = setTimeout(functionCall, time);
+ };
+}
+
+function noop() {}
+
+/**
+ * @param {TODO} moduleId
+ * @returns {TODO}
+ */
+function getCurrentScriptUrl(moduleId) {
+ let src = srcByModuleId[moduleId];
+
+ if (!src) {
+ if (document.currentScript) {
+ ({ src } = /** @type {HTMLScriptElement} */ (document.currentScript));
+ } else {
+ const scripts = document.getElementsByTagName("script");
+ const lastScriptTag = scripts[scripts.length - 1];
+
+ if (lastScriptTag) {
+ ({ src } = lastScriptTag);
+ }
+ }
+
+ srcByModuleId[moduleId] = src;
+ }
+
+ /**
+ * @param {string} fileMap
+ * @returns {null | string[]}
+ */
+ return function (fileMap) {
+ if (!src) {
+ return null;
+ }
+
+ const splitResult = src.split(/([^\\/]+)\.js$/);
+ const filename = splitResult && splitResult[1];
+
+ if (!filename) {
+ return [src.replace(".js", ".css")];
+ }
+
+ if (!fileMap) {
+ return [src.replace(".js", ".css")];
+ }
+
+ return fileMap.split(",").map((mapRule) => {
+ const reg = new RegExp(`${filename}\\.js$`, "g");
+
+ return normalizeUrl(
+ src.replace(reg, `${mapRule.replace(/{fileName}/g, filename)}.css`)
+ );
+ });
+ };
+}
+
+/**
+ * @param {TODO} el
+ * @param {string} [url]
+ */
+function updateCss(el, url) {
+ if (!url) {
+ if (!el.href) {
+ return;
+ }
+
+ // eslint-disable-next-line
+ url = el.href.split("?")[0];
+ }
+
+ if (!isUrlRequest(/** @type {string} */ (url))) {
+ return;
+ }
+
+ if (el.isLoaded === false) {
+ // We seem to be about to replace a css link that hasn't loaded yet.
+ // We're probably changing the same file more than once.
+ return;
+ }
+
+ if (!url || !(url.indexOf(".css") > -1)) {
+ return;
+ }
+
+ // eslint-disable-next-line no-param-reassign
+ el.visited = true;
+
+ const newEl = el.cloneNode();
+
+ newEl.isLoaded = false;
+
+ newEl.addEventListener("load", () => {
+ if (newEl.isLoaded) {
+ return;
+ }
+
+ newEl.isLoaded = true;
+ el.parentNode.removeChild(el);
+ });
+
+ newEl.addEventListener("error", () => {
+ if (newEl.isLoaded) {
+ return;
+ }
+
+ newEl.isLoaded = true;
+ el.parentNode.removeChild(el);
+ });
+
+ newEl.href = `${url}?${Date.now()}`;
+
+ if (el.nextSibling) {
+ el.parentNode.insertBefore(newEl, el.nextSibling);
+ } else {
+ el.parentNode.appendChild(newEl);
+ }
+}
+
+/**
+ * @param {string} href
+ * @param {TODO} src
+ * @returns {TODO}
+ */
+function getReloadUrl(href, src) {
+ let ret;
+
+ // eslint-disable-next-line no-param-reassign
+ href = normalizeUrl(href);
+
+ src.some(
+ /**
+ * @param {string} url
+ */
+ // eslint-disable-next-line array-callback-return
+ (url) => {
+ if (href.indexOf(src) > -1) {
+ ret = url;
+ }
+ }
+ );
+
+ return ret;
+}
+
+/**
+ * @param {string} [src]
+ * @returns {boolean}
+ */
+function reloadStyle(src) {
+ if (!src) {
+ return false;
+ }
+
+ const elements = document.querySelectorAll("link");
+ let loaded = false;
+
+ forEach.call(elements, (el) => {
+ if (!el.href) {
+ return;
+ }
+
+ const url = getReloadUrl(el.href, src);
+
+ if (!isUrlRequest(url)) {
+ return;
+ }
+
+ if (el.visited === true) {
+ return;
+ }
+
+ if (url) {
+ updateCss(el, url);
+
+ loaded = true;
+ }
+ });
+
+ return loaded;
+}
+
+function reloadAll() {
+ const elements = document.querySelectorAll("link");
+
+ forEach.call(elements, (el) => {
+ if (el.visited === true) {
+ return;
+ }
+
+ updateCss(el);
+ });
+}
+
+/**
+ * @param {string} url
+ * @returns {boolean}
+ */
+function isUrlRequest(url) {
+ // An URL is not an request if
+
+ // It is not http or https
+ if (!/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(url)) {
+ return false;
+ }
+
+ return true;
+}
+
+/**
+ * @param {TODO} moduleId
+ * @param {TODO} options
+ * @returns {TODO}
+ */
+module.exports = function (moduleId, options) {
+ if (noDocument) {
+ console.log("no window.document found, will not HMR CSS");
+
+ return noop;
+ }
+
+ const getScriptSrc = getCurrentScriptUrl(moduleId);
+
+ function update() {
+ const src = getScriptSrc(options.filename);
+ const reloaded = reloadStyle(src);
+
+ if (options.locals) {
+ console.log("[HMR] Detected local css modules. Reload all css");
+
+ reloadAll();
+
+ return;
+ }
+
+ if (reloaded) {
+ console.log("[HMR] css reload %s", src.join(" "));
+ } else {
+ console.log("[HMR] Reload all css");
+
+ reloadAll();
+ }
+ }
+
+ return debounce(update, 50);
+};
+
+
+/***/ }),
+
+/***/ "../../../src/hmr/normalize-url.js":
+/*!*****************************************!*\
+ !*** ../../../src/hmr/normalize-url.js ***!
+ \*****************************************/
+/***/ ((module) => {
+
+/* eslint-disable */
+
+/**
+ * @param {string[]} pathComponents
+ * @returns {string}
+ */
+function normalizeUrl(pathComponents) {
+ return pathComponents
+ .reduce(function (accumulator, item) {
+ switch (item) {
+ case "..":
+ accumulator.pop();
+ break;
+ case ".":
+ break;
+ default:
+ accumulator.push(item);
+ }
+
+ return accumulator;
+ }, /** @type {string[]} */ ([]))
+ .join("/");
+}
+
+/**
+ * @param {string} urlString
+ * @returns {string}
+ */
+module.exports = function (urlString) {
+ urlString = urlString.trim();
+
+ if (/^data:/i.test(urlString)) {
+ return urlString;
+ }
+
+ var protocol =
+ urlString.indexOf("//") !== -1 ? urlString.split("//")[0] + "//" : "";
+ var components = urlString.replace(new RegExp(protocol, "i"), "").split("/");
+ var host = components[0].toLowerCase().replace(/\.$/, "");
+
+ components[0] = "";
+
+ var path = normalizeUrl(components);
+
+ return protocol + host + path;
+};
+
+
+/***/ }),
+
+/***/ "./index.css":
+/*!*******************!*\
+ !*** ./index.css ***!
+ \*******************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"x":"VoofDB21D_QzDbRdwMiY"});
+ if(true) {
+ (function() {
+ var localsJsonString = "{\"x\":\"VoofDB21D_QzDbRdwMiY\"}";
+ //
+ var cssReload = __webpack_require__(/*! ../../../src/hmr/hotModuleReplacement.js */ "../../../src/hmr/hotModuleReplacement.js")(module.id, {});
+ // only invalidate when locals change
+ if (
+ module.hot.data &&
+ module.hot.data.value &&
+ module.hot.data.value !== localsJsonString
+ ) {
+ module.hot.invalidate();
+ } else {
+ module.hot.accept();
+ }
+ module.hot.dispose(function(data) {
+ data.value = localsJsonString;
+ cssReload();
+ });
+ })();
+ }
+
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ // Check if module is in cache
+/******/ var cachedModule = __webpack_module_cache__[moduleId];
+/******/ if (cachedModule !== undefined) {
+/******/ if (cachedModule.error !== undefined) throw cachedModule.error;
+/******/ return cachedModule.exports;
+/******/ }
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = __webpack_module_cache__[moduleId] = {
+/******/ id: moduleId,
+/******/ // no module.loaded needed
+/******/ exports: {}
+/******/ };
+/******/
+/******/ // Execute the module function
+/******/ try {
+/******/ var execOptions = { id: moduleId, module: module, factory: __webpack_modules__[moduleId], require: __webpack_require__ };
+/******/ __webpack_require__.i.forEach(function(handler) { handler(execOptions); });
+/******/ module = execOptions.module;
+/******/ execOptions.factory.call(module.exports, module, module.exports, execOptions.require);
+/******/ } catch(e) {
+/******/ module.error = e;
+/******/ throw e;
+/******/ }
+/******/
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+/******/
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = __webpack_modules__;
+/******/
+/******/ // expose the module cache
+/******/ __webpack_require__.c = __webpack_module_cache__;
+/******/
+/******/ // expose the module execution interceptor
+/******/ __webpack_require__.i = [];
+/******/
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ // define getter functions for harmony exports
+/******/ __webpack_require__.d = (exports, definition) => {
+/******/ for(var key in definition) {
+/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ }
+/******/ }
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/get javascript update chunk filename */
+/******/ (() => {
+/******/ // This function allow to reference all chunks
+/******/ __webpack_require__.hu = (chunkId) => {
+/******/ // return url for filenames based on template
+/******/ return "" + chunkId + "." + __webpack_require__.h() + ".hot-update.js";
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/get mini-css chunk filename */
+/******/ (() => {
+/******/ // This function allow to reference async chunks
+/******/ __webpack_require__.miniCssF = (chunkId) => {
+/******/ // return url for filenames based on template
+/******/ return undefined;
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/get update manifest filename */
+/******/ (() => {
+/******/ __webpack_require__.hmrF = () => ("main." + __webpack_require__.h() + ".hot-update.json");
+/******/ })();
+/******/
+/******/ /* webpack/runtime/getFullHash */
+/******/ (() => {
+/******/ __webpack_require__.h = () => ("xxxxxxxxxxxxxxxxxxxxxx")
+/******/ })();
+/******/
+/******/ /* webpack/runtime/global */
+/******/ (() => {
+/******/ __webpack_require__.g = (function() {
+/******/ if (typeof globalThis === 'object') return globalThis;
+/******/ try {
+/******/ return this || new Function('return this')();
+/******/ } catch (e) {
+/******/ if (typeof window === 'object') return window;
+/******/ }
+/******/ })();
+/******/ })();
+/******/
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/
+/******/ /* webpack/runtime/load script */
+/******/ (() => {
+/******/ var inProgress = {};
+/******/ // data-webpack is not used as build has no uniqueName
+/******/ // loadScript function to load a script via script tag
+/******/ __webpack_require__.l = (url, done, key, chunkId) => {
+/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
+/******/ var script, needAttach;
+/******/ if(key !== undefined) {
+/******/ var scripts = document.getElementsByTagName("script");
+/******/ for(var i = 0; i < scripts.length; i++) {
+/******/ var s = scripts[i];
+/******/ if(s.getAttribute("src") == url) { script = s; break; }
+/******/ }
+/******/ }
+/******/ if(!script) {
+/******/ needAttach = true;
+/******/ script = document.createElement('script');
+/******/
+/******/ script.charset = 'utf-8';
+/******/ script.timeout = 120;
+/******/ if (__webpack_require__.nc) {
+/******/ script.setAttribute("nonce", __webpack_require__.nc);
+/******/ }
+/******/
+/******/
+/******/ script.src = url;
+/******/ }
+/******/ inProgress[url] = [done];
+/******/ var onScriptComplete = (prev, event) => {
+/******/ // avoid mem leaks in IE.
+/******/ script.onerror = script.onload = null;
+/******/ clearTimeout(timeout);
+/******/ var doneFns = inProgress[url];
+/******/ delete inProgress[url];
+/******/ script.parentNode && script.parentNode.removeChild(script);
+/******/ doneFns && doneFns.forEach((fn) => (fn(event)));
+/******/ if(prev) return prev(event);
+/******/ }
+/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
+/******/ script.onerror = onScriptComplete.bind(null, script.onerror);
+/******/ script.onload = onScriptComplete.bind(null, script.onload);
+/******/ needAttach && document.head.appendChild(script);
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ // define __esModule on exports
+/******/ __webpack_require__.r = (exports) => {
+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ }
+/******/ Object.defineProperty(exports, '__esModule', { value: true });
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/hot module replacement */
+/******/ (() => {
+/******/ var currentModuleData = {};
+/******/ var installedModules = __webpack_require__.c;
+/******/
+/******/ // module and require creation
+/******/ var currentChildModule;
+/******/ var currentParents = [];
+/******/
+/******/ // status
+/******/ var registeredStatusHandlers = [];
+/******/ var currentStatus = "idle";
+/******/
+/******/ // while downloading
+/******/ var blockingPromises = 0;
+/******/ var blockingPromisesWaiting = [];
+/******/
+/******/ // The update info
+/******/ var currentUpdateApplyHandlers;
+/******/ var queuedInvalidatedModules;
+/******/
+/******/ __webpack_require__.hmrD = currentModuleData;
+/******/
+/******/ __webpack_require__.i.push(function (options) {
+/******/ var module = options.module;
+/******/ var require = createRequire(options.require, options.id);
+/******/ module.hot = createModuleHotObject(options.id, module);
+/******/ module.parents = currentParents;
+/******/ module.children = [];
+/******/ currentParents = [];
+/******/ options.require = require;
+/******/ });
+/******/
+/******/ __webpack_require__.hmrC = {};
+/******/ __webpack_require__.hmrI = {};
+/******/
+/******/ function createRequire(require, moduleId) {
+/******/ var me = installedModules[moduleId];
+/******/ if (!me) return require;
+/******/ var fn = function (request) {
+/******/ if (me.hot.active) {
+/******/ if (installedModules[request]) {
+/******/ var parents = installedModules[request].parents;
+/******/ if (parents.indexOf(moduleId) === -1) {
+/******/ parents.push(moduleId);
+/******/ }
+/******/ } else {
+/******/ currentParents = [moduleId];
+/******/ currentChildModule = request;
+/******/ }
+/******/ if (me.children.indexOf(request) === -1) {
+/******/ me.children.push(request);
+/******/ }
+/******/ } else {
+/******/ console.warn(
+/******/ "[HMR] unexpected require(" +
+/******/ request +
+/******/ ") from disposed module " +
+/******/ moduleId
+/******/ );
+/******/ currentParents = [];
+/******/ }
+/******/ return require(request);
+/******/ };
+/******/ var createPropertyDescriptor = function (name) {
+/******/ return {
+/******/ configurable: true,
+/******/ enumerable: true,
+/******/ get: function () {
+/******/ return require[name];
+/******/ },
+/******/ set: function (value) {
+/******/ require[name] = value;
+/******/ }
+/******/ };
+/******/ };
+/******/ for (var name in require) {
+/******/ if (Object.prototype.hasOwnProperty.call(require, name) && name !== "e") {
+/******/ Object.defineProperty(fn, name, createPropertyDescriptor(name));
+/******/ }
+/******/ }
+/******/ fn.e = function (chunkId, fetchPriority) {
+/******/ return trackBlockingPromise(require.e(chunkId, fetchPriority));
+/******/ };
+/******/ return fn;
+/******/ }
+/******/
+/******/ function createModuleHotObject(moduleId, me) {
+/******/ var _main = currentChildModule !== moduleId;
+/******/ var hot = {
+/******/ // private stuff
+/******/ _acceptedDependencies: {},
+/******/ _acceptedErrorHandlers: {},
+/******/ _declinedDependencies: {},
+/******/ _selfAccepted: false,
+/******/ _selfDeclined: false,
+/******/ _selfInvalidated: false,
+/******/ _disposeHandlers: [],
+/******/ _main: _main,
+/******/ _requireSelf: function () {
+/******/ currentParents = me.parents.slice();
+/******/ currentChildModule = _main ? undefined : moduleId;
+/******/ __webpack_require__(moduleId);
+/******/ },
+/******/
+/******/ // Module API
+/******/ active: true,
+/******/ accept: function (dep, callback, errorHandler) {
+/******/ if (dep === undefined) hot._selfAccepted = true;
+/******/ else if (typeof dep === "function") hot._selfAccepted = dep;
+/******/ else if (typeof dep === "object" && dep !== null) {
+/******/ for (var i = 0; i < dep.length; i++) {
+/******/ hot._acceptedDependencies[dep[i]] = callback || function () {};
+/******/ hot._acceptedErrorHandlers[dep[i]] = errorHandler;
+/******/ }
+/******/ } else {
+/******/ hot._acceptedDependencies[dep] = callback || function () {};
+/******/ hot._acceptedErrorHandlers[dep] = errorHandler;
+/******/ }
+/******/ },
+/******/ decline: function (dep) {
+/******/ if (dep === undefined) hot._selfDeclined = true;
+/******/ else if (typeof dep === "object" && dep !== null)
+/******/ for (var i = 0; i < dep.length; i++)
+/******/ hot._declinedDependencies[dep[i]] = true;
+/******/ else hot._declinedDependencies[dep] = true;
+/******/ },
+/******/ dispose: function (callback) {
+/******/ hot._disposeHandlers.push(callback);
+/******/ },
+/******/ addDisposeHandler: function (callback) {
+/******/ hot._disposeHandlers.push(callback);
+/******/ },
+/******/ removeDisposeHandler: function (callback) {
+/******/ var idx = hot._disposeHandlers.indexOf(callback);
+/******/ if (idx >= 0) hot._disposeHandlers.splice(idx, 1);
+/******/ },
+/******/ invalidate: function () {
+/******/ this._selfInvalidated = true;
+/******/ switch (currentStatus) {
+/******/ case "idle":
+/******/ currentUpdateApplyHandlers = [];
+/******/ Object.keys(__webpack_require__.hmrI).forEach(function (key) {
+/******/ __webpack_require__.hmrI[key](
+/******/ moduleId,
+/******/ currentUpdateApplyHandlers
+/******/ );
+/******/ });
+/******/ setStatus("ready");
+/******/ break;
+/******/ case "ready":
+/******/ Object.keys(__webpack_require__.hmrI).forEach(function (key) {
+/******/ __webpack_require__.hmrI[key](
+/******/ moduleId,
+/******/ currentUpdateApplyHandlers
+/******/ );
+/******/ });
+/******/ break;
+/******/ case "prepare":
+/******/ case "check":
+/******/ case "dispose":
+/******/ case "apply":
+/******/ (queuedInvalidatedModules = queuedInvalidatedModules || []).push(
+/******/ moduleId
+/******/ );
+/******/ break;
+/******/ default:
+/******/ // ignore requests in error states
+/******/ break;
+/******/ }
+/******/ },
+/******/
+/******/ // Management API
+/******/ check: hotCheck,
+/******/ apply: hotApply,
+/******/ status: function (l) {
+/******/ if (!l) return currentStatus;
+/******/ registeredStatusHandlers.push(l);
+/******/ },
+/******/ addStatusHandler: function (l) {
+/******/ registeredStatusHandlers.push(l);
+/******/ },
+/******/ removeStatusHandler: function (l) {
+/******/ var idx = registeredStatusHandlers.indexOf(l);
+/******/ if (idx >= 0) registeredStatusHandlers.splice(idx, 1);
+/******/ },
+/******/
+/******/ //inherit from previous dispose call
+/******/ data: currentModuleData[moduleId]
+/******/ };
+/******/ currentChildModule = undefined;
+/******/ return hot;
+/******/ }
+/******/
+/******/ function setStatus(newStatus) {
+/******/ currentStatus = newStatus;
+/******/ var results = [];
+/******/
+/******/ for (var i = 0; i < registeredStatusHandlers.length; i++)
+/******/ results[i] = registeredStatusHandlers[i].call(null, newStatus);
+/******/
+/******/ return Promise.all(results).then(function () {});
+/******/ }
+/******/
+/******/ function unblock() {
+/******/ if (--blockingPromises === 0) {
+/******/ setStatus("ready").then(function () {
+/******/ if (blockingPromises === 0) {
+/******/ var list = blockingPromisesWaiting;
+/******/ blockingPromisesWaiting = [];
+/******/ for (var i = 0; i < list.length; i++) {
+/******/ list[i]();
+/******/ }
+/******/ }
+/******/ });
+/******/ }
+/******/ }
+/******/
+/******/ function trackBlockingPromise(promise) {
+/******/ switch (currentStatus) {
+/******/ case "ready":
+/******/ setStatus("prepare");
+/******/ /* fallthrough */
+/******/ case "prepare":
+/******/ blockingPromises++;
+/******/ promise.then(unblock, unblock);
+/******/ return promise;
+/******/ default:
+/******/ return promise;
+/******/ }
+/******/ }
+/******/
+/******/ function waitForBlockingPromises(fn) {
+/******/ if (blockingPromises === 0) return fn();
+/******/ return new Promise(function (resolve) {
+/******/ blockingPromisesWaiting.push(function () {
+/******/ resolve(fn());
+/******/ });
+/******/ });
+/******/ }
+/******/
+/******/ function hotCheck(applyOnUpdate) {
+/******/ if (currentStatus !== "idle") {
+/******/ throw new Error("check() is only allowed in idle status");
+/******/ }
+/******/ return setStatus("check")
+/******/ .then(__webpack_require__.hmrM)
+/******/ .then(function (update) {
+/******/ if (!update) {
+/******/ return setStatus(applyInvalidatedModules() ? "ready" : "idle").then(
+/******/ function () {
+/******/ return null;
+/******/ }
+/******/ );
+/******/ }
+/******/
+/******/ return setStatus("prepare").then(function () {
+/******/ var updatedModules = [];
+/******/ currentUpdateApplyHandlers = [];
+/******/
+/******/ return Promise.all(
+/******/ Object.keys(__webpack_require__.hmrC).reduce(function (
+/******/ promises,
+/******/ key
+/******/ ) {
+/******/ __webpack_require__.hmrC[key](
+/******/ update.c,
+/******/ update.r,
+/******/ update.m,
+/******/ promises,
+/******/ currentUpdateApplyHandlers,
+/******/ updatedModules
+/******/ );
+/******/ return promises;
+/******/ }, [])
+/******/ ).then(function () {
+/******/ return waitForBlockingPromises(function () {
+/******/ if (applyOnUpdate) {
+/******/ return internalApply(applyOnUpdate);
+/******/ } else {
+/******/ return setStatus("ready").then(function () {
+/******/ return updatedModules;
+/******/ });
+/******/ }
+/******/ });
+/******/ });
+/******/ });
+/******/ });
+/******/ }
+/******/
+/******/ function hotApply(options) {
+/******/ if (currentStatus !== "ready") {
+/******/ return Promise.resolve().then(function () {
+/******/ throw new Error(
+/******/ "apply() is only allowed in ready status (state: " +
+/******/ currentStatus +
+/******/ ")"
+/******/ );
+/******/ });
+/******/ }
+/******/ return internalApply(options);
+/******/ }
+/******/
+/******/ function internalApply(options) {
+/******/ options = options || {};
+/******/
+/******/ applyInvalidatedModules();
+/******/
+/******/ var results = currentUpdateApplyHandlers.map(function (handler) {
+/******/ return handler(options);
+/******/ });
+/******/ currentUpdateApplyHandlers = undefined;
+/******/
+/******/ var errors = results
+/******/ .map(function (r) {
+/******/ return r.error;
+/******/ })
+/******/ .filter(Boolean);
+/******/
+/******/ if (errors.length > 0) {
+/******/ return setStatus("abort").then(function () {
+/******/ throw errors[0];
+/******/ });
+/******/ }
+/******/
+/******/ // Now in "dispose" phase
+/******/ var disposePromise = setStatus("dispose");
+/******/
+/******/ results.forEach(function (result) {
+/******/ if (result.dispose) result.dispose();
+/******/ });
+/******/
+/******/ // Now in "apply" phase
+/******/ var applyPromise = setStatus("apply");
+/******/
+/******/ var error;
+/******/ var reportError = function (err) {
+/******/ if (!error) error = err;
+/******/ };
+/******/
+/******/ var outdatedModules = [];
+/******/ results.forEach(function (result) {
+/******/ if (result.apply) {
+/******/ var modules = result.apply(reportError);
+/******/ if (modules) {
+/******/ for (var i = 0; i < modules.length; i++) {
+/******/ outdatedModules.push(modules[i]);
+/******/ }
+/******/ }
+/******/ }
+/******/ });
+/******/
+/******/ return Promise.all([disposePromise, applyPromise]).then(function () {
+/******/ // handle errors in accept handlers and self accepted module load
+/******/ if (error) {
+/******/ return setStatus("fail").then(function () {
+/******/ throw error;
+/******/ });
+/******/ }
+/******/
+/******/ if (queuedInvalidatedModules) {
+/******/ return internalApply(options).then(function (list) {
+/******/ outdatedModules.forEach(function (moduleId) {
+/******/ if (list.indexOf(moduleId) < 0) list.push(moduleId);
+/******/ });
+/******/ return list;
+/******/ });
+/******/ }
+/******/
+/******/ return setStatus("idle").then(function () {
+/******/ return outdatedModules;
+/******/ });
+/******/ });
+/******/ }
+/******/
+/******/ function applyInvalidatedModules() {
+/******/ if (queuedInvalidatedModules) {
+/******/ if (!currentUpdateApplyHandlers) currentUpdateApplyHandlers = [];
+/******/ Object.keys(__webpack_require__.hmrI).forEach(function (key) {
+/******/ queuedInvalidatedModules.forEach(function (moduleId) {
+/******/ __webpack_require__.hmrI[key](
+/******/ moduleId,
+/******/ currentUpdateApplyHandlers
+/******/ );
+/******/ });
+/******/ });
+/******/ queuedInvalidatedModules = undefined;
+/******/ return true;
+/******/ }
+/******/ }
+/******/ })();
+/******/
+/******/ /* webpack/runtime/publicPath */
+/******/ (() => {
+/******/ var scriptUrl;
+/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
+/******/ var document = __webpack_require__.g.document;
+/******/ if (!scriptUrl && document) {
+/******/ if (document.currentScript)
+/******/ scriptUrl = document.currentScript.src;
+/******/ if (!scriptUrl) {
+/******/ var scripts = document.getElementsByTagName("script");
+/******/ if(scripts.length) {
+/******/ var i = scripts.length - 1;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
+/******/ }
+/******/ }
+/******/ }
+/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
+/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
+/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
+/******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
+/******/ __webpack_require__.p = scriptUrl;
+/******/ })();
+/******/
+/******/ /* webpack/runtime/css loading */
+/******/ (() => {
+/******/ if (typeof document === "undefined") return;
+/******/ var createStylesheet = (chunkId, fullhref, oldTag, resolve, reject) => {
+/******/ var linkTag = document.createElement("link");
+/******/
+/******/ linkTag.rel = "stylesheet";
+/******/ linkTag.type = "text/css";
+/******/ if (__webpack_require__.nc) {
+/******/ linkTag.nonce = __webpack_require__.nc;
+/******/ }
+/******/ var onLinkComplete = (event) => {
+/******/ // avoid mem leaks.
+/******/ linkTag.onerror = linkTag.onload = null;
+/******/ if (event.type === 'load') {
+/******/ resolve();
+/******/ } else {
+/******/ var errorType = event && event.type;
+/******/ var realHref = event && event.target && event.target.href || fullhref;
+/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + errorType + ": " + realHref + ")");
+/******/ err.name = "ChunkLoadError";
+/******/ err.code = "CSS_CHUNK_LOAD_FAILED";
+/******/ err.type = errorType;
+/******/ err.request = realHref;
+/******/ if (linkTag.parentNode) linkTag.parentNode.removeChild(linkTag)
+/******/ reject(err);
+/******/ }
+/******/ }
+/******/ linkTag.onerror = linkTag.onload = onLinkComplete;
+/******/ linkTag.href = fullhref;
+/******/
+/******/
+/******/ if (oldTag) {
+/******/ oldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);
+/******/ } else {
+/******/ document.head.appendChild(linkTag);
+/******/ }
+/******/ return linkTag;
+/******/ };
+/******/ var findStylesheet = (href, fullhref) => {
+/******/ var existingLinkTags = document.getElementsByTagName("link");
+/******/ for(var i = 0; i < existingLinkTags.length; i++) {
+/******/ var tag = existingLinkTags[i];
+/******/ var dataHref = tag.getAttribute("data-href") || tag.getAttribute("href");
+/******/ if(tag.rel === "stylesheet" && (dataHref === href || dataHref === fullhref)) return tag;
+/******/ }
+/******/ var existingStyleTags = document.getElementsByTagName("style");
+/******/ for(var i = 0; i < existingStyleTags.length; i++) {
+/******/ var tag = existingStyleTags[i];
+/******/ var dataHref = tag.getAttribute("data-href");
+/******/ if(dataHref === href || dataHref === fullhref) return tag;
+/******/ }
+/******/ };
+/******/ var loadStylesheet = (chunkId) => {
+/******/ return new Promise((resolve, reject) => {
+/******/ var href = __webpack_require__.miniCssF(chunkId);
+/******/ var fullhref = __webpack_require__.p + href;
+/******/ if(findStylesheet(href, fullhref)) return resolve();
+/******/ createStylesheet(chunkId, fullhref, null, resolve, reject);
+/******/ });
+/******/ }
+/******/ // no chunk loading
+/******/
+/******/ var oldTags = [];
+/******/ var newTags = [];
+/******/ var applyHandler = (options) => {
+/******/ return { dispose: () => {
+/******/ for(var i = 0; i < oldTags.length; i++) {
+/******/ var oldTag = oldTags[i];
+/******/ if(oldTag.parentNode) oldTag.parentNode.removeChild(oldTag);
+/******/ }
+/******/ oldTags.length = 0;
+/******/ }, apply: () => {
+/******/ for(var i = 0; i < newTags.length; i++) newTags[i].rel = "stylesheet";
+/******/ newTags.length = 0;
+/******/ } };
+/******/ }
+/******/ __webpack_require__.hmrC.miniCss = (chunkIds, removedChunks, removedModules, promises, applyHandlers, updatedModulesList) => {
+/******/ applyHandlers.push(applyHandler);
+/******/ chunkIds.forEach((chunkId) => {
+/******/ var href = __webpack_require__.miniCssF(chunkId);
+/******/ var fullhref = __webpack_require__.p + href;
+/******/ var oldTag = findStylesheet(href, fullhref);
+/******/ if(!oldTag) return;
+/******/ promises.push(new Promise((resolve, reject) => {
+/******/ var tag = createStylesheet(chunkId, fullhref, oldTag, () => {
+/******/ tag.as = "style";
+/******/ tag.rel = "preload";
+/******/ resolve();
+/******/ }, reject);
+/******/ oldTags.push(oldTag);
+/******/ newTags.push(tag);
+/******/ }));
+/******/ });
+/******/ }
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
+/******/ })();
+/******/
+/******/ /* webpack/runtime/jsonp chunk loading */
+/******/ (() => {
+/******/ // no baseURI
+/******/
+/******/ // object to store loaded and loading chunks
+/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ var installedChunks = __webpack_require__.hmrS_jsonp = __webpack_require__.hmrS_jsonp || {
+/******/ "main": 0
+/******/ };
+/******/
+/******/ // no chunk on demand loading
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
+/******/
+/******/ var currentUpdatedModulesList;
+/******/ var waitingUpdateResolves = {};
+/******/ function loadUpdateChunk(chunkId, updatedModulesList) {
+/******/ currentUpdatedModulesList = updatedModulesList;
+/******/ return new Promise((resolve, reject) => {
+/******/ waitingUpdateResolves[chunkId] = resolve;
+/******/ // start update chunk loading
+/******/ var url = __webpack_require__.p + __webpack_require__.hu(chunkId);
+/******/ // create error before stack unwound to get useful stacktrace later
+/******/ var error = new Error();
+/******/ var loadingEnded = (event) => {
+/******/ if(waitingUpdateResolves[chunkId]) {
+/******/ waitingUpdateResolves[chunkId] = undefined
+/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var realSrc = event && event.target && event.target.src;
+/******/ error.message = 'Loading hot update chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
+/******/ error.name = 'ChunkLoadError';
+/******/ error.type = errorType;
+/******/ error.request = realSrc;
+/******/ reject(error);
+/******/ }
+/******/ };
+/******/ __webpack_require__.l(url, loadingEnded);
+/******/ });
+/******/ }
+/******/
+/******/ self["webpackHotUpdate"] = (chunkId, moreModules, runtime) => {
+/******/ for(var moduleId in moreModules) {
+/******/ if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ currentUpdate[moduleId] = moreModules[moduleId];
+/******/ if(currentUpdatedModulesList) currentUpdatedModulesList.push(moduleId);
+/******/ }
+/******/ }
+/******/ if(runtime) currentUpdateRuntime.push(runtime);
+/******/ if(waitingUpdateResolves[chunkId]) {
+/******/ waitingUpdateResolves[chunkId]();
+/******/ waitingUpdateResolves[chunkId] = undefined;
+/******/ }
+/******/ };
+/******/
+/******/ var currentUpdateChunks;
+/******/ var currentUpdate;
+/******/ var currentUpdateRemovedChunks;
+/******/ var currentUpdateRuntime;
+/******/ function applyHandler(options) {
+/******/ if (__webpack_require__.f) delete __webpack_require__.f.jsonpHmr;
+/******/ currentUpdateChunks = undefined;
+/******/ function getAffectedModuleEffects(updateModuleId) {
+/******/ var outdatedModules = [updateModuleId];
+/******/ var outdatedDependencies = {};
+/******/
+/******/ var queue = outdatedModules.map(function (id) {
+/******/ return {
+/******/ chain: [id],
+/******/ id: id
+/******/ };
+/******/ });
+/******/ while (queue.length > 0) {
+/******/ var queueItem = queue.pop();
+/******/ var moduleId = queueItem.id;
+/******/ var chain = queueItem.chain;
+/******/ var module = __webpack_require__.c[moduleId];
+/******/ if (
+/******/ !module ||
+/******/ (module.hot._selfAccepted && !module.hot._selfInvalidated)
+/******/ )
+/******/ continue;
+/******/ if (module.hot._selfDeclined) {
+/******/ return {
+/******/ type: "self-declined",
+/******/ chain: chain,
+/******/ moduleId: moduleId
+/******/ };
+/******/ }
+/******/ if (module.hot._main) {
+/******/ return {
+/******/ type: "unaccepted",
+/******/ chain: chain,
+/******/ moduleId: moduleId
+/******/ };
+/******/ }
+/******/ for (var i = 0; i < module.parents.length; i++) {
+/******/ var parentId = module.parents[i];
+/******/ var parent = __webpack_require__.c[parentId];
+/******/ if (!parent) continue;
+/******/ if (parent.hot._declinedDependencies[moduleId]) {
+/******/ return {
+/******/ type: "declined",
+/******/ chain: chain.concat([parentId]),
+/******/ moduleId: moduleId,
+/******/ parentId: parentId
+/******/ };
+/******/ }
+/******/ if (outdatedModules.indexOf(parentId) !== -1) continue;
+/******/ if (parent.hot._acceptedDependencies[moduleId]) {
+/******/ if (!outdatedDependencies[parentId])
+/******/ outdatedDependencies[parentId] = [];
+/******/ addAllToSet(outdatedDependencies[parentId], [moduleId]);
+/******/ continue;
+/******/ }
+/******/ delete outdatedDependencies[parentId];
+/******/ outdatedModules.push(parentId);
+/******/ queue.push({
+/******/ chain: chain.concat([parentId]),
+/******/ id: parentId
+/******/ });
+/******/ }
+/******/ }
+/******/
+/******/ return {
+/******/ type: "accepted",
+/******/ moduleId: updateModuleId,
+/******/ outdatedModules: outdatedModules,
+/******/ outdatedDependencies: outdatedDependencies
+/******/ };
+/******/ }
+/******/
+/******/ function addAllToSet(a, b) {
+/******/ for (var i = 0; i < b.length; i++) {
+/******/ var item = b[i];
+/******/ if (a.indexOf(item) === -1) a.push(item);
+/******/ }
+/******/ }
+/******/
+/******/ // at begin all updates modules are outdated
+/******/ // the "outdated" status can propagate to parents if they don't accept the children
+/******/ var outdatedDependencies = {};
+/******/ var outdatedModules = [];
+/******/ var appliedUpdate = {};
+/******/
+/******/ var warnUnexpectedRequire = function warnUnexpectedRequire(module) {
+/******/ console.warn(
+/******/ "[HMR] unexpected require(" + module.id + ") to disposed module"
+/******/ );
+/******/ };
+/******/
+/******/ for (var moduleId in currentUpdate) {
+/******/ if (__webpack_require__.o(currentUpdate, moduleId)) {
+/******/ var newModuleFactory = currentUpdate[moduleId];
+/******/ /** @type {TODO} */
+/******/ var result;
+/******/ if (newModuleFactory) {
+/******/ result = getAffectedModuleEffects(moduleId);
+/******/ } else {
+/******/ result = {
+/******/ type: "disposed",
+/******/ moduleId: moduleId
+/******/ };
+/******/ }
+/******/ /** @type {Error|false} */
+/******/ var abortError = false;
+/******/ var doApply = false;
+/******/ var doDispose = false;
+/******/ var chainInfo = "";
+/******/ if (result.chain) {
+/******/ chainInfo = "\nUpdate propagation: " + result.chain.join(" -> ");
+/******/ }
+/******/ switch (result.type) {
+/******/ case "self-declined":
+/******/ if (options.onDeclined) options.onDeclined(result);
+/******/ if (!options.ignoreDeclined)
+/******/ abortError = new Error(
+/******/ "Aborted because of self decline: " +
+/******/ result.moduleId +
+/******/ chainInfo
+/******/ );
+/******/ break;
+/******/ case "declined":
+/******/ if (options.onDeclined) options.onDeclined(result);
+/******/ if (!options.ignoreDeclined)
+/******/ abortError = new Error(
+/******/ "Aborted because of declined dependency: " +
+/******/ result.moduleId +
+/******/ " in " +
+/******/ result.parentId +
+/******/ chainInfo
+/******/ );
+/******/ break;
+/******/ case "unaccepted":
+/******/ if (options.onUnaccepted) options.onUnaccepted(result);
+/******/ if (!options.ignoreUnaccepted)
+/******/ abortError = new Error(
+/******/ "Aborted because " + moduleId + " is not accepted" + chainInfo
+/******/ );
+/******/ break;
+/******/ case "accepted":
+/******/ if (options.onAccepted) options.onAccepted(result);
+/******/ doApply = true;
+/******/ break;
+/******/ case "disposed":
+/******/ if (options.onDisposed) options.onDisposed(result);
+/******/ doDispose = true;
+/******/ break;
+/******/ default:
+/******/ throw new Error("Unexception type " + result.type);
+/******/ }
+/******/ if (abortError) {
+/******/ return {
+/******/ error: abortError
+/******/ };
+/******/ }
+/******/ if (doApply) {
+/******/ appliedUpdate[moduleId] = newModuleFactory;
+/******/ addAllToSet(outdatedModules, result.outdatedModules);
+/******/ for (moduleId in result.outdatedDependencies) {
+/******/ if (__webpack_require__.o(result.outdatedDependencies, moduleId)) {
+/******/ if (!outdatedDependencies[moduleId])
+/******/ outdatedDependencies[moduleId] = [];
+/******/ addAllToSet(
+/******/ outdatedDependencies[moduleId],
+/******/ result.outdatedDependencies[moduleId]
+/******/ );
+/******/ }
+/******/ }
+/******/ }
+/******/ if (doDispose) {
+/******/ addAllToSet(outdatedModules, [result.moduleId]);
+/******/ appliedUpdate[moduleId] = warnUnexpectedRequire;
+/******/ }
+/******/ }
+/******/ }
+/******/ currentUpdate = undefined;
+/******/
+/******/ // Store self accepted outdated modules to require them later by the module system
+/******/ var outdatedSelfAcceptedModules = [];
+/******/ for (var j = 0; j < outdatedModules.length; j++) {
+/******/ var outdatedModuleId = outdatedModules[j];
+/******/ var module = __webpack_require__.c[outdatedModuleId];
+/******/ if (
+/******/ module &&
+/******/ (module.hot._selfAccepted || module.hot._main) &&
+/******/ // removed self-accepted modules should not be required
+/******/ appliedUpdate[outdatedModuleId] !== warnUnexpectedRequire &&
+/******/ // when called invalidate self-accepting is not possible
+/******/ !module.hot._selfInvalidated
+/******/ ) {
+/******/ outdatedSelfAcceptedModules.push({
+/******/ module: outdatedModuleId,
+/******/ require: module.hot._requireSelf,
+/******/ errorHandler: module.hot._selfAccepted
+/******/ });
+/******/ }
+/******/ }
+/******/
+/******/ var moduleOutdatedDependencies;
+/******/
+/******/ return {
+/******/ dispose: function () {
+/******/ currentUpdateRemovedChunks.forEach(function (chunkId) {
+/******/ delete installedChunks[chunkId];
+/******/ });
+/******/ currentUpdateRemovedChunks = undefined;
+/******/
+/******/ var idx;
+/******/ var queue = outdatedModules.slice();
+/******/ while (queue.length > 0) {
+/******/ var moduleId = queue.pop();
+/******/ var module = __webpack_require__.c[moduleId];
+/******/ if (!module) continue;
+/******/
+/******/ var data = {};
+/******/
+/******/ // Call dispose handlers
+/******/ var disposeHandlers = module.hot._disposeHandlers;
+/******/ for (j = 0; j < disposeHandlers.length; j++) {
+/******/ disposeHandlers[j].call(null, data);
+/******/ }
+/******/ __webpack_require__.hmrD[moduleId] = data;
+/******/
+/******/ // disable module (this disables requires from this module)
+/******/ module.hot.active = false;
+/******/
+/******/ // remove module from cache
+/******/ delete __webpack_require__.c[moduleId];
+/******/
+/******/ // when disposing there is no need to call dispose handler
+/******/ delete outdatedDependencies[moduleId];
+/******/
+/******/ // remove "parents" references from all children
+/******/ for (j = 0; j < module.children.length; j++) {
+/******/ var child = __webpack_require__.c[module.children[j]];
+/******/ if (!child) continue;
+/******/ idx = child.parents.indexOf(moduleId);
+/******/ if (idx >= 0) {
+/******/ child.parents.splice(idx, 1);
+/******/ }
+/******/ }
+/******/ }
+/******/
+/******/ // remove outdated dependency from module children
+/******/ var dependency;
+/******/ for (var outdatedModuleId in outdatedDependencies) {
+/******/ if (__webpack_require__.o(outdatedDependencies, outdatedModuleId)) {
+/******/ module = __webpack_require__.c[outdatedModuleId];
+/******/ if (module) {
+/******/ moduleOutdatedDependencies =
+/******/ outdatedDependencies[outdatedModuleId];
+/******/ for (j = 0; j < moduleOutdatedDependencies.length; j++) {
+/******/ dependency = moduleOutdatedDependencies[j];
+/******/ idx = module.children.indexOf(dependency);
+/******/ if (idx >= 0) module.children.splice(idx, 1);
+/******/ }
+/******/ }
+/******/ }
+/******/ }
+/******/ },
+/******/ apply: function (reportError) {
+/******/ // insert new code
+/******/ for (var updateModuleId in appliedUpdate) {
+/******/ if (__webpack_require__.o(appliedUpdate, updateModuleId)) {
+/******/ __webpack_require__.m[updateModuleId] = appliedUpdate[updateModuleId];
+/******/ }
+/******/ }
+/******/
+/******/ // run new runtime modules
+/******/ for (var i = 0; i < currentUpdateRuntime.length; i++) {
+/******/ currentUpdateRuntime[i](__webpack_require__);
+/******/ }
+/******/
+/******/ // call accept handlers
+/******/ for (var outdatedModuleId in outdatedDependencies) {
+/******/ if (__webpack_require__.o(outdatedDependencies, outdatedModuleId)) {
+/******/ var module = __webpack_require__.c[outdatedModuleId];
+/******/ if (module) {
+/******/ moduleOutdatedDependencies =
+/******/ outdatedDependencies[outdatedModuleId];
+/******/ var callbacks = [];
+/******/ var errorHandlers = [];
+/******/ var dependenciesForCallbacks = [];
+/******/ for (var j = 0; j < moduleOutdatedDependencies.length; j++) {
+/******/ var dependency = moduleOutdatedDependencies[j];
+/******/ var acceptCallback =
+/******/ module.hot._acceptedDependencies[dependency];
+/******/ var errorHandler =
+/******/ module.hot._acceptedErrorHandlers[dependency];
+/******/ if (acceptCallback) {
+/******/ if (callbacks.indexOf(acceptCallback) !== -1) continue;
+/******/ callbacks.push(acceptCallback);
+/******/ errorHandlers.push(errorHandler);
+/******/ dependenciesForCallbacks.push(dependency);
+/******/ }
+/******/ }
+/******/ for (var k = 0; k < callbacks.length; k++) {
+/******/ try {
+/******/ callbacks[k].call(null, moduleOutdatedDependencies);
+/******/ } catch (err) {
+/******/ if (typeof errorHandlers[k] === "function") {
+/******/ try {
+/******/ errorHandlers[k](err, {
+/******/ moduleId: outdatedModuleId,
+/******/ dependencyId: dependenciesForCallbacks[k]
+/******/ });
+/******/ } catch (err2) {
+/******/ if (options.onErrored) {
+/******/ options.onErrored({
+/******/ type: "accept-error-handler-errored",
+/******/ moduleId: outdatedModuleId,
+/******/ dependencyId: dependenciesForCallbacks[k],
+/******/ error: err2,
+/******/ originalError: err
+/******/ });
+/******/ }
+/******/ if (!options.ignoreErrored) {
+/******/ reportError(err2);
+/******/ reportError(err);
+/******/ }
+/******/ }
+/******/ } else {
+/******/ if (options.onErrored) {
+/******/ options.onErrored({
+/******/ type: "accept-errored",
+/******/ moduleId: outdatedModuleId,
+/******/ dependencyId: dependenciesForCallbacks[k],
+/******/ error: err
+/******/ });
+/******/ }
+/******/ if (!options.ignoreErrored) {
+/******/ reportError(err);
+/******/ }
+/******/ }
+/******/ }
+/******/ }
+/******/ }
+/******/ }
+/******/ }
+/******/
+/******/ // Load self accepted modules
+/******/ for (var o = 0; o < outdatedSelfAcceptedModules.length; o++) {
+/******/ var item = outdatedSelfAcceptedModules[o];
+/******/ var moduleId = item.module;
+/******/ try {
+/******/ item.require(moduleId);
+/******/ } catch (err) {
+/******/ if (typeof item.errorHandler === "function") {
+/******/ try {
+/******/ item.errorHandler(err, {
+/******/ moduleId: moduleId,
+/******/ module: __webpack_require__.c[moduleId]
+/******/ });
+/******/ } catch (err2) {
+/******/ if (options.onErrored) {
+/******/ options.onErrored({
+/******/ type: "self-accept-error-handler-errored",
+/******/ moduleId: moduleId,
+/******/ error: err2,
+/******/ originalError: err
+/******/ });
+/******/ }
+/******/ if (!options.ignoreErrored) {
+/******/ reportError(err2);
+/******/ reportError(err);
+/******/ }
+/******/ }
+/******/ } else {
+/******/ if (options.onErrored) {
+/******/ options.onErrored({
+/******/ type: "self-accept-errored",
+/******/ moduleId: moduleId,
+/******/ error: err
+/******/ });
+/******/ }
+/******/ if (!options.ignoreErrored) {
+/******/ reportError(err);
+/******/ }
+/******/ }
+/******/ }
+/******/ }
+/******/
+/******/ return outdatedModules;
+/******/ }
+/******/ };
+/******/ }
+/******/ __webpack_require__.hmrI.jsonp = function (moduleId, applyHandlers) {
+/******/ if (!currentUpdate) {
+/******/ currentUpdate = {};
+/******/ currentUpdateRuntime = [];
+/******/ currentUpdateRemovedChunks = [];
+/******/ applyHandlers.push(applyHandler);
+/******/ }
+/******/ if (!__webpack_require__.o(currentUpdate, moduleId)) {
+/******/ currentUpdate[moduleId] = __webpack_require__.m[moduleId];
+/******/ }
+/******/ };
+/******/ __webpack_require__.hmrC.jsonp = function (
+/******/ chunkIds,
+/******/ removedChunks,
+/******/ removedModules,
+/******/ promises,
+/******/ applyHandlers,
+/******/ updatedModulesList
+/******/ ) {
+/******/ applyHandlers.push(applyHandler);
+/******/ currentUpdateChunks = {};
+/******/ currentUpdateRemovedChunks = removedChunks;
+/******/ currentUpdate = removedModules.reduce(function (obj, key) {
+/******/ obj[key] = false;
+/******/ return obj;
+/******/ }, {});
+/******/ currentUpdateRuntime = [];
+/******/ chunkIds.forEach(function (chunkId) {
+/******/ if (
+/******/ __webpack_require__.o(installedChunks, chunkId) &&
+/******/ installedChunks[chunkId] !== undefined
+/******/ ) {
+/******/ promises.push(loadUpdateChunk(chunkId, updatedModulesList));
+/******/ currentUpdateChunks[chunkId] = true;
+/******/ } else {
+/******/ currentUpdateChunks[chunkId] = false;
+/******/ }
+/******/ });
+/******/ if (__webpack_require__.f) {
+/******/ __webpack_require__.f.jsonpHmr = function (chunkId, promises) {
+/******/ if (
+/******/ currentUpdateChunks &&
+/******/ __webpack_require__.o(currentUpdateChunks, chunkId) &&
+/******/ !currentUpdateChunks[chunkId]
+/******/ ) {
+/******/ promises.push(loadUpdateChunk(chunkId));
+/******/ currentUpdateChunks[chunkId] = true;
+/******/ }
+/******/ };
+/******/ }
+/******/ };
+/******/
+/******/ __webpack_require__.hmrM = () => {
+/******/ if (typeof fetch === "undefined") throw new Error("No browser support: need fetch API");
+/******/ return fetch(__webpack_require__.p + __webpack_require__.hmrF()).then((response) => {
+/******/ if(response.status === 404) return; // no update available
+/******/ if(!response.ok) throw new Error("Failed to fetch update manifest " + response.statusText);
+/******/ return response.json();
+/******/ });
+/******/ };
+/******/
+/******/ // no on chunks loaded
+/******/
+/******/ // no jsonp function
+/******/ })();
+/******/
+/************************************************************************/
+/******/
+/******/ // module cache are used so entry inlining is disabled
+/******/ // startup
+/******/ // Load entry module and return exports
+/******/ var __webpack_exports__ = __webpack_require__("./index.css");
+/******/
+/******/ })()
+;
\ No newline at end of file
diff --git a/test/cases/hmr-locals/index.css b/test/cases/hmr-locals/index.css
new file mode 100644
index 00000000..739f1581
--- /dev/null
+++ b/test/cases/hmr-locals/index.css
@@ -0,0 +1,3 @@
+.x {
+ color: red;
+}
diff --git a/test/cases/hmr-locals/webpack.config.js b/test/cases/hmr-locals/webpack.config.js
new file mode 100644
index 00000000..639b6511
--- /dev/null
+++ b/test/cases/hmr-locals/webpack.config.js
@@ -0,0 +1,33 @@
+import { HotModuleReplacementPlugin } from "webpack";
+
+import Self from "../../../src";
+
+module.exports = {
+ entry: "./index.css",
+ mode: "development",
+ devtool: false,
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [
+ {
+ loader: Self.loader,
+ },
+ {
+ loader: "css-loader",
+ options: {
+ modules: true,
+ },
+ },
+ ],
+ },
+ ],
+ },
+ plugins: [
+ new HotModuleReplacementPlugin(),
+ new Self({
+ filename: "[name].css",
+ }),
+ ],
+};
diff --git a/test/cases/hmr/expected/main.js b/test/cases/hmr/expected/main.js
index 7929da96..b92dee78 100644
--- a/test/cases/hmr/expected/main.js
+++ b/test/cases/hmr/expected/main.js
@@ -363,10 +363,25 @@ __webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
if(true) {
- //
- var cssReload = __webpack_require__(/*! ../../../src/hmr/hotModuleReplacement.js */ "../../../src/hmr/hotModuleReplacement.js")(module.id, {"locals":false});
- module.hot.dispose(cssReload);
- module.hot.accept(undefined, cssReload);
+ (function() {
+ var localsJsonString = undefined;
+ //
+ var cssReload = __webpack_require__(/*! ../../../src/hmr/hotModuleReplacement.js */ "../../../src/hmr/hotModuleReplacement.js")(module.id, {});
+ // only invalidate when locals change
+ if (
+ module.hot.data &&
+ module.hot.data.value &&
+ module.hot.data.value !== localsJsonString
+ ) {
+ module.hot.invalidate();
+ } else {
+ module.hot.accept();
+ }
+ module.hot.dispose(function(data) {
+ data.value = localsJsonString;
+ cssReload();
+ });
+ })();
}
@@ -487,6 +502,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
+/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@@ -539,7 +555,6 @@ __webpack_require__.r(__webpack_exports__);
/******/ var currentUpdateApplyHandlers;
/******/ var queuedInvalidatedModules;
/******/
-/******/ // eslint-disable-next-line no-unused-vars
/******/ __webpack_require__.hmrD = currentModuleData;
/******/
/******/ __webpack_require__.i.push(function (options) {
@@ -600,8 +615,8 @@ __webpack_require__.r(__webpack_exports__);
/******/ Object.defineProperty(fn, name, createPropertyDescriptor(name));
/******/ }
/******/ }
-/******/ fn.e = function (chunkId) {
-/******/ return trackBlockingPromise(require.e(chunkId));
+/******/ fn.e = function (chunkId, fetchPriority) {
+/******/ return trackBlockingPromise(require.e(chunkId, fetchPriority));
/******/ };
/******/ return fn;
/******/ }
@@ -720,7 +735,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ for (var i = 0; i < registeredStatusHandlers.length; i++)
/******/ results[i] = registeredStatusHandlers[i].call(null, newStatus);
/******/
-/******/ return Promise.all(results);
+/******/ return Promise.all(results).then(function () {});
/******/ }
/******/
/******/ function unblock() {
@@ -793,8 +808,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ updatedModules
/******/ );
/******/ return promises;
-/******/ },
-/******/ [])
+/******/ }, [])
/******/ ).then(function () {
/******/ return waitForBlockingPromises(function () {
/******/ if (applyOnUpdate) {
@@ -924,7 +938,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) {
/******/ var i = scripts.length - 1;
-/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ }
/******/ }
/******/ }
@@ -943,15 +957,19 @@ __webpack_require__.r(__webpack_exports__);
/******/
/******/ linkTag.rel = "stylesheet";
/******/ linkTag.type = "text/css";
+/******/ if (__webpack_require__.nc) {
+/******/ linkTag.nonce = __webpack_require__.nc;
+/******/ }
/******/ var onLinkComplete = (event) => {
/******/ // avoid mem leaks.
/******/ linkTag.onerror = linkTag.onload = null;
/******/ if (event.type === 'load') {
/******/ resolve();
/******/ } else {
-/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var errorType = event && event.type;
/******/ var realHref = event && event.target && event.target.href || fullhref;
-/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + realHref + ")");
+/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + errorType + ": " + realHref + ")");
+/******/ err.name = "ChunkLoadError";
/******/ err.code = "CSS_CHUNK_LOAD_FAILED";
/******/ err.type = errorType;
/******/ err.request = realHref;
@@ -962,6 +980,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ linkTag.onerror = linkTag.onload = onLinkComplete;
/******/ linkTag.href = fullhref;
/******/
+/******/
/******/ if (oldTag) {
/******/ oldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);
/******/ } else {
@@ -1025,6 +1044,10 @@ __webpack_require__.r(__webpack_exports__);
/******/ }));
/******/ });
/******/ }
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
diff --git a/test/cases/insert-function/expected/main.js b/test/cases/insert-function/expected/main.js
index e26ba8fb..bb3fbf19 100644
--- a/test/cases/insert-function/expected/main.js
+++ b/test/cases/insert-function/expected/main.js
@@ -102,6 +102,7 @@
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
+/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@@ -145,7 +146,7 @@
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) {
/******/ var i = scripts.length - 1;
-/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ }
/******/ }
/******/ }
@@ -164,15 +165,19 @@
/******/
/******/ linkTag.rel = "stylesheet";
/******/ linkTag.type = "text/css";
+/******/ if (__webpack_require__.nc) {
+/******/ linkTag.nonce = __webpack_require__.nc;
+/******/ }
/******/ var onLinkComplete = (event) => {
/******/ // avoid mem leaks.
/******/ linkTag.onerror = linkTag.onload = null;
/******/ if (event.type === 'load') {
/******/ resolve();
/******/ } else {
-/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var errorType = event && event.type;
/******/ var realHref = event && event.target && event.target.href || fullhref;
-/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + realHref + ")");
+/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + errorType + ": " + realHref + ")");
+/******/ err.name = "ChunkLoadError";
/******/ err.code = "CSS_CHUNK_LOAD_FAILED";
/******/ err.type = errorType;
/******/ err.request = realHref;
@@ -183,6 +188,7 @@
/******/ linkTag.onerror = linkTag.onload = onLinkComplete;
/******/ linkTag.href = fullhref;
/******/
+/******/
/******/ (function (linkTag) {
/******/ const reference = document.querySelector(".hot-reload");
/******/ if (reference) {
@@ -232,6 +238,10 @@
/******/ };
/******/
/******/ // no hmr
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
diff --git a/test/cases/insert-string/expected/main.js b/test/cases/insert-string/expected/main.js
index 5fddebb2..d2550a28 100644
--- a/test/cases/insert-string/expected/main.js
+++ b/test/cases/insert-string/expected/main.js
@@ -102,6 +102,7 @@
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
+/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@@ -145,7 +146,7 @@
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) {
/******/ var i = scripts.length - 1;
-/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ }
/******/ }
/******/ }
@@ -164,15 +165,19 @@
/******/
/******/ linkTag.rel = "stylesheet";
/******/ linkTag.type = "text/css";
+/******/ if (__webpack_require__.nc) {
+/******/ linkTag.nonce = __webpack_require__.nc;
+/******/ }
/******/ var onLinkComplete = (event) => {
/******/ // avoid mem leaks.
/******/ linkTag.onerror = linkTag.onload = null;
/******/ if (event.type === 'load') {
/******/ resolve();
/******/ } else {
-/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var errorType = event && event.type;
/******/ var realHref = event && event.target && event.target.href || fullhref;
-/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + realHref + ")");
+/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + errorType + ": " + realHref + ")");
+/******/ err.name = "ChunkLoadError";
/******/ err.code = "CSS_CHUNK_LOAD_FAILED";
/******/ err.type = errorType;
/******/ err.request = realHref;
@@ -183,6 +188,7 @@
/******/ linkTag.onerror = linkTag.onload = onLinkComplete;
/******/ linkTag.href = fullhref;
/******/
+/******/
/******/ var target = document.querySelector("script[src='1.js']");
/******/ target.parentNode.insertBefore(linkTag, target.nextSibling);
/******/ return linkTag;
@@ -228,6 +234,10 @@
/******/ };
/******/
/******/ // no hmr
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
diff --git a/test/cases/insert-undefined/expected/main.js b/test/cases/insert-undefined/expected/main.js
index 3687a13f..ae8118ca 100644
--- a/test/cases/insert-undefined/expected/main.js
+++ b/test/cases/insert-undefined/expected/main.js
@@ -102,6 +102,7 @@
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
+/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@@ -145,7 +146,7 @@
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) {
/******/ var i = scripts.length - 1;
-/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ }
/******/ }
/******/ }
@@ -164,15 +165,19 @@
/******/
/******/ linkTag.rel = "stylesheet";
/******/ linkTag.type = "text/css";
+/******/ if (__webpack_require__.nc) {
+/******/ linkTag.nonce = __webpack_require__.nc;
+/******/ }
/******/ var onLinkComplete = (event) => {
/******/ // avoid mem leaks.
/******/ linkTag.onerror = linkTag.onload = null;
/******/ if (event.type === 'load') {
/******/ resolve();
/******/ } else {
-/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var errorType = event && event.type;
/******/ var realHref = event && event.target && event.target.href || fullhref;
-/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + realHref + ")");
+/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + errorType + ": " + realHref + ")");
+/******/ err.name = "ChunkLoadError";
/******/ err.code = "CSS_CHUNK_LOAD_FAILED";
/******/ err.type = errorType;
/******/ err.request = realHref;
@@ -183,6 +188,7 @@
/******/ linkTag.onerror = linkTag.onload = onLinkComplete;
/******/ linkTag.href = fullhref;
/******/
+/******/
/******/ if (oldTag) {
/******/ oldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);
/******/ } else {
@@ -231,6 +237,10 @@
/******/ };
/******/
/******/ // no hmr
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
diff --git a/test/cases/no-runtime/expected/main.js b/test/cases/no-runtime/expected/main.js
index 6150a8e3..cf534784 100644
--- a/test/cases/no-runtime/expected/main.js
+++ b/test/cases/no-runtime/expected/main.js
@@ -104,6 +104,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
+/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@@ -147,7 +148,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) {
/******/ var i = scripts.length - 1;
-/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ }
/******/ }
/******/ }
diff --git a/test/cases/prefetch-preload-hmr/a.css b/test/cases/prefetch-preload-hmr/a.css
new file mode 100644
index 00000000..5451a331
--- /dev/null
+++ b/test/cases/prefetch-preload-hmr/a.css
@@ -0,0 +1,3 @@
+.a {
+ color: red;
+}
diff --git a/test/cases/prefetch-preload-hmr/b.js b/test/cases/prefetch-preload-hmr/b.js
new file mode 100644
index 00000000..e69de29b
diff --git a/test/cases/prefetch-preload-hmr/expected/main.css b/test/cases/prefetch-preload-hmr/expected/main.css
new file mode 100644
index 00000000..98f445d8
--- /dev/null
+++ b/test/cases/prefetch-preload-hmr/expected/main.css
@@ -0,0 +1,4 @@
+.a {
+ color: red;
+}
+
diff --git a/test/cases/prefetch-preload-hmr/index.js b/test/cases/prefetch-preload-hmr/index.js
new file mode 100644
index 00000000..e615a5ec
--- /dev/null
+++ b/test/cases/prefetch-preload-hmr/index.js
@@ -0,0 +1,3 @@
+import "./a.css";
+
+import(/* webpackPrefetch: true */ "./b");
diff --git a/test/cases/prefetch-preload-hmr/webpack.config.js b/test/cases/prefetch-preload-hmr/webpack.config.js
new file mode 100644
index 00000000..d07a9495
--- /dev/null
+++ b/test/cases/prefetch-preload-hmr/webpack.config.js
@@ -0,0 +1,21 @@
+import webpack from "webpack";
+
+import Self from "../../../src";
+
+module.exports = {
+ entry: "./index.js",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [Self.loader, "css-loader"],
+ },
+ ],
+ },
+ plugins: [
+ new Self({
+ filename: "[name].css",
+ }),
+ new webpack.HotModuleReplacementPlugin(),
+ ],
+};
diff --git a/test/cases/prefetch-preload/a.css b/test/cases/prefetch-preload/a.css
new file mode 100644
index 00000000..5451a331
--- /dev/null
+++ b/test/cases/prefetch-preload/a.css
@@ -0,0 +1,3 @@
+.a {
+ color: red;
+}
diff --git a/test/cases/prefetch-preload/b.js b/test/cases/prefetch-preload/b.js
new file mode 100644
index 00000000..68eec89d
--- /dev/null
+++ b/test/cases/prefetch-preload/b.js
@@ -0,0 +1,3 @@
+import(/* webpackPrefetch: true, webpackChunkName: "b1" */ "./b1.css");
+import(/* webpackPreload: true, webpackChunkName: "b2" */ "./b2.css");
+import(/* webpackPrefetch: true, webpackChunkName: "b3" */ "./b3");
diff --git a/test/cases/prefetch-preload/b1.css b/test/cases/prefetch-preload/b1.css
new file mode 100644
index 00000000..effc583c
--- /dev/null
+++ b/test/cases/prefetch-preload/b1.css
@@ -0,0 +1,3 @@
+.b1 {
+ color: red;
+}
diff --git a/test/cases/prefetch-preload/b2.css b/test/cases/prefetch-preload/b2.css
new file mode 100644
index 00000000..e0331e1a
--- /dev/null
+++ b/test/cases/prefetch-preload/b2.css
@@ -0,0 +1,3 @@
+.b2 {
+ color: red;
+}
diff --git a/test/cases/prefetch-preload/b3.js b/test/cases/prefetch-preload/b3.js
new file mode 100644
index 00000000..e69de29b
diff --git a/test/cases/prefetch-preload/c.js b/test/cases/prefetch-preload/c.js
new file mode 100644
index 00000000..ce96cadc
--- /dev/null
+++ b/test/cases/prefetch-preload/c.js
@@ -0,0 +1,2 @@
+import(/* webpackPreload: true, webpackChunkName: "c1" */ "./c1.css");
+import(/* webpackPreload: true, webpackChunkName: "c2" */ "./c2.css");
diff --git a/test/cases/prefetch-preload/c1.css b/test/cases/prefetch-preload/c1.css
new file mode 100644
index 00000000..8725bcb0
--- /dev/null
+++ b/test/cases/prefetch-preload/c1.css
@@ -0,0 +1,3 @@
+.c1 {
+ color: red;
+}
diff --git a/test/cases/prefetch-preload/c2.css b/test/cases/prefetch-preload/c2.css
new file mode 100644
index 00000000..a124f6df
--- /dev/null
+++ b/test/cases/prefetch-preload/c2.css
@@ -0,0 +1,3 @@
+.c2 {
+ color: red;
+}
diff --git a/test/cases/prefetch-preload/expected/a.css b/test/cases/prefetch-preload/expected/a.css
new file mode 100644
index 00000000..98f445d8
--- /dev/null
+++ b/test/cases/prefetch-preload/expected/a.css
@@ -0,0 +1,4 @@
+.a {
+ color: red;
+}
+
diff --git a/test/cases/prefetch-preload/expected/b.js b/test/cases/prefetch-preload/expected/b.js
new file mode 100644
index 00000000..7b97d9e9
--- /dev/null
+++ b/test/cases/prefetch-preload/expected/b.js
@@ -0,0 +1,13 @@
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[1],{
+
+/***/ 2:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+__webpack_require__.e(/* import() | b1 */ 2).then(__webpack_require__.bind(__webpack_require__, 4));
+__webpack_require__.e(/* import() | b2 */ 3).then(__webpack_require__.bind(__webpack_require__, 5));
+__webpack_require__.e(/* import() | b3 */ 4).then(__webpack_require__.t.bind(__webpack_require__, 6, 23));
+
+
+/***/ })
+
+}]);
\ No newline at end of file
diff --git a/test/cases/prefetch-preload/expected/b1.css b/test/cases/prefetch-preload/expected/b1.css
new file mode 100644
index 00000000..4ba3041c
--- /dev/null
+++ b/test/cases/prefetch-preload/expected/b1.css
@@ -0,0 +1,4 @@
+.b1 {
+ color: red;
+}
+
diff --git a/test/cases/prefetch-preload/expected/b2.css b/test/cases/prefetch-preload/expected/b2.css
new file mode 100644
index 00000000..3bc21aa1
--- /dev/null
+++ b/test/cases/prefetch-preload/expected/b2.css
@@ -0,0 +1,4 @@
+.b2 {
+ color: red;
+}
+
diff --git a/test/cases/prefetch-preload/expected/c.js b/test/cases/prefetch-preload/expected/c.js
new file mode 100644
index 00000000..45d60ccc
--- /dev/null
+++ b/test/cases/prefetch-preload/expected/c.js
@@ -0,0 +1,12 @@
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[5],{
+
+/***/ 3:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+__webpack_require__.e(/* import() | c1 */ 6).then(__webpack_require__.bind(__webpack_require__, 7));
+__webpack_require__.e(/* import() | c2 */ 7).then(__webpack_require__.bind(__webpack_require__, 8));
+
+
+/***/ })
+
+}]);
\ No newline at end of file
diff --git a/test/cases/prefetch-preload/expected/c1.css b/test/cases/prefetch-preload/expected/c1.css
new file mode 100644
index 00000000..b10e79dd
--- /dev/null
+++ b/test/cases/prefetch-preload/expected/c1.css
@@ -0,0 +1,4 @@
+.c1 {
+ color: red;
+}
+
diff --git a/test/cases/prefetch-preload/expected/c2.css b/test/cases/prefetch-preload/expected/c2.css
new file mode 100644
index 00000000..a17ea975
--- /dev/null
+++ b/test/cases/prefetch-preload/expected/c2.css
@@ -0,0 +1,4 @@
+.c2 {
+ color: red;
+}
+
diff --git a/test/cases/prefetch-preload/expected/main.js b/test/cases/prefetch-preload/expected/main.js
new file mode 100644
index 00000000..7fc8edd5
--- /dev/null
+++ b/test/cases/prefetch-preload/expected/main.js
@@ -0,0 +1,529 @@
+/******/ (() => { // webpackBootstrap
+/******/ var __webpack_modules__ = ({});
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ // Check if module is in cache
+/******/ var cachedModule = __webpack_module_cache__[moduleId];
+/******/ if (cachedModule !== undefined) {
+/******/ return cachedModule.exports;
+/******/ }
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = __webpack_module_cache__[moduleId] = {
+/******/ // no module.id needed
+/******/ // no module.loaded needed
+/******/ exports: {}
+/******/ };
+/******/
+/******/ // Execute the module function
+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+/******/
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = __webpack_modules__;
+/******/
+/************************************************************************/
+/******/ /* webpack/runtime/chunk loaded */
+/******/ (() => {
+/******/ var deferred = [];
+/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
+/******/ if(chunkIds) {
+/******/ priority = priority || 0;
+/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
+/******/ deferred[i] = [chunkIds, fn, priority];
+/******/ return;
+/******/ }
+/******/ var notFulfilled = Infinity;
+/******/ for (var i = 0; i < deferred.length; i++) {
+/******/ var [chunkIds, fn, priority] = deferred[i];
+/******/ var fulfilled = true;
+/******/ for (var j = 0; j < chunkIds.length; j++) {
+/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
+/******/ chunkIds.splice(j--, 1);
+/******/ } else {
+/******/ fulfilled = false;
+/******/ if(priority < notFulfilled) notFulfilled = priority;
+/******/ }
+/******/ }
+/******/ if(fulfilled) {
+/******/ deferred.splice(i--, 1)
+/******/ var r = fn();
+/******/ if (r !== undefined) result = r;
+/******/ }
+/******/ }
+/******/ return result;
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/chunk prefetch function */
+/******/ (() => {
+/******/ __webpack_require__.F = {};
+/******/ __webpack_require__.E = (chunkId) => {
+/******/ Object.keys(__webpack_require__.F).map((key) => {
+/******/ __webpack_require__.F[key](chunkId);
+/******/ });
+/******/ }
+/******/ })();
+/******/
+/******/ /* webpack/runtime/chunk preload function */
+/******/ (() => {
+/******/ __webpack_require__.H = {};
+/******/ __webpack_require__.G = (chunkId) => {
+/******/ Object.keys(__webpack_require__.H).map((key) => {
+/******/ __webpack_require__.H[key](chunkId);
+/******/ });
+/******/ }
+/******/ })();
+/******/
+/******/ /* webpack/runtime/create fake namespace object */
+/******/ (() => {
+/******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
+/******/ var leafPrototypes;
+/******/ // create a fake namespace object
+/******/ // mode & 1: value is a module id, require it
+/******/ // mode & 2: merge all properties of value into the ns
+/******/ // mode & 4: return value when already ns object
+/******/ // mode & 16: return value when it's Promise-like
+/******/ // mode & 8|1: behave like require
+/******/ __webpack_require__.t = function(value, mode) {
+/******/ if(mode & 1) value = this(value);
+/******/ if(mode & 8) return value;
+/******/ if(typeof value === 'object' && value) {
+/******/ if((mode & 4) && value.__esModule) return value;
+/******/ if((mode & 16) && typeof value.then === 'function') return value;
+/******/ }
+/******/ var ns = Object.create(null);
+/******/ __webpack_require__.r(ns);
+/******/ var def = {};
+/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
+/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
+/******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
+/******/ }
+/******/ def['default'] = () => (value);
+/******/ __webpack_require__.d(ns, def);
+/******/ return ns;
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ // define getter functions for harmony exports
+/******/ __webpack_require__.d = (exports, definition) => {
+/******/ for(var key in definition) {
+/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ }
+/******/ }
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/ensure chunk */
+/******/ (() => {
+/******/ __webpack_require__.f = {};
+/******/ // This file contains only the entry chunk.
+/******/ // The chunk loading function for additional chunks
+/******/ __webpack_require__.e = (chunkId) => {
+/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
+/******/ __webpack_require__.f[key](chunkId, promises);
+/******/ return promises;
+/******/ }, []));
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/get javascript chunk filename */
+/******/ (() => {
+/******/ // This function allow to reference async chunks
+/******/ __webpack_require__.u = (chunkId) => {
+/******/ // return url for filenames based on template
+/******/ return "" + {"0":"a","1":"b","2":"b1","3":"b2","4":"b3","5":"c","6":"c1","7":"c2"}[chunkId] + ".js";
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/get mini-css chunk filename */
+/******/ (() => {
+/******/ // This function allow to reference async chunks
+/******/ __webpack_require__.miniCssF = (chunkId) => {
+/******/ // return url for filenames based on template
+/******/ return "" + {"0":"a","2":"b1","3":"b2","6":"c1","7":"c2"}[chunkId] + ".css";
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/global */
+/******/ (() => {
+/******/ __webpack_require__.g = (function() {
+/******/ if (typeof globalThis === 'object') return globalThis;
+/******/ try {
+/******/ return this || new Function('return this')();
+/******/ } catch (e) {
+/******/ if (typeof window === 'object') return window;
+/******/ }
+/******/ })();
+/******/ })();
+/******/
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/
+/******/ /* webpack/runtime/load script */
+/******/ (() => {
+/******/ var inProgress = {};
+/******/ // data-webpack is not used as build has no uniqueName
+/******/ // loadScript function to load a script via script tag
+/******/ __webpack_require__.l = (url, done, key, chunkId) => {
+/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
+/******/ var script, needAttach;
+/******/ if(key !== undefined) {
+/******/ var scripts = document.getElementsByTagName("script");
+/******/ for(var i = 0; i < scripts.length; i++) {
+/******/ var s = scripts[i];
+/******/ if(s.getAttribute("src") == url) { script = s; break; }
+/******/ }
+/******/ }
+/******/ if(!script) {
+/******/ needAttach = true;
+/******/ script = document.createElement('script');
+/******/
+/******/ script.charset = 'utf-8';
+/******/ script.timeout = 120;
+/******/ if (__webpack_require__.nc) {
+/******/ script.setAttribute("nonce", __webpack_require__.nc);
+/******/ }
+/******/
+/******/
+/******/ script.src = url;
+/******/ }
+/******/ inProgress[url] = [done];
+/******/ var onScriptComplete = (prev, event) => {
+/******/ // avoid mem leaks in IE.
+/******/ script.onerror = script.onload = null;
+/******/ clearTimeout(timeout);
+/******/ var doneFns = inProgress[url];
+/******/ delete inProgress[url];
+/******/ script.parentNode && script.parentNode.removeChild(script);
+/******/ doneFns && doneFns.forEach((fn) => (fn(event)));
+/******/ if(prev) return prev(event);
+/******/ }
+/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
+/******/ script.onerror = onScriptComplete.bind(null, script.onerror);
+/******/ script.onload = onScriptComplete.bind(null, script.onload);
+/******/ needAttach && document.head.appendChild(script);
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ // define __esModule on exports
+/******/ __webpack_require__.r = (exports) => {
+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ }
+/******/ Object.defineProperty(exports, '__esModule', { value: true });
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/publicPath */
+/******/ (() => {
+/******/ var scriptUrl;
+/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
+/******/ var document = __webpack_require__.g.document;
+/******/ if (!scriptUrl && document) {
+/******/ if (document.currentScript)
+/******/ scriptUrl = document.currentScript.src;
+/******/ if (!scriptUrl) {
+/******/ var scripts = document.getElementsByTagName("script");
+/******/ if(scripts.length) {
+/******/ var i = scripts.length - 1;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
+/******/ }
+/******/ }
+/******/ }
+/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
+/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
+/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
+/******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
+/******/ __webpack_require__.p = scriptUrl;
+/******/ })();
+/******/
+/******/ /* webpack/runtime/css loading */
+/******/ (() => {
+/******/ if (typeof document === "undefined") return;
+/******/ var createStylesheet = (chunkId, fullhref, oldTag, resolve, reject) => {
+/******/ var linkTag = document.createElement("link");
+/******/
+/******/ linkTag.rel = "stylesheet";
+/******/ linkTag.type = "text/css";
+/******/ if (__webpack_require__.nc) {
+/******/ linkTag.nonce = __webpack_require__.nc;
+/******/ }
+/******/ var onLinkComplete = (event) => {
+/******/ // avoid mem leaks.
+/******/ linkTag.onerror = linkTag.onload = null;
+/******/ if (event.type === 'load') {
+/******/ resolve();
+/******/ } else {
+/******/ var errorType = event && event.type;
+/******/ var realHref = event && event.target && event.target.href || fullhref;
+/******/ var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + errorType + ": " + realHref + ")");
+/******/ err.name = "ChunkLoadError";
+/******/ err.code = "CSS_CHUNK_LOAD_FAILED";
+/******/ err.type = errorType;
+/******/ err.request = realHref;
+/******/ if (linkTag.parentNode) linkTag.parentNode.removeChild(linkTag)
+/******/ reject(err);
+/******/ }
+/******/ }
+/******/ linkTag.onerror = linkTag.onload = onLinkComplete;
+/******/ linkTag.href = fullhref;
+/******/
+/******/
+/******/ if (oldTag) {
+/******/ oldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);
+/******/ } else {
+/******/ document.head.appendChild(linkTag);
+/******/ }
+/******/ return linkTag;
+/******/ };
+/******/ var findStylesheet = (href, fullhref) => {
+/******/ var existingLinkTags = document.getElementsByTagName("link");
+/******/ for(var i = 0; i < existingLinkTags.length; i++) {
+/******/ var tag = existingLinkTags[i];
+/******/ var dataHref = tag.getAttribute("data-href") || tag.getAttribute("href");
+/******/ if(tag.rel === "stylesheet" && (dataHref === href || dataHref === fullhref)) return tag;
+/******/ }
+/******/ var existingStyleTags = document.getElementsByTagName("style");
+/******/ for(var i = 0; i < existingStyleTags.length; i++) {
+/******/ var tag = existingStyleTags[i];
+/******/ var dataHref = tag.getAttribute("data-href");
+/******/ if(dataHref === href || dataHref === fullhref) return tag;
+/******/ }
+/******/ };
+/******/ var loadStylesheet = (chunkId) => {
+/******/ return new Promise((resolve, reject) => {
+/******/ var href = __webpack_require__.miniCssF(chunkId);
+/******/ var fullhref = __webpack_require__.p + href;
+/******/ if(findStylesheet(href, fullhref)) return resolve();
+/******/ createStylesheet(chunkId, fullhref, null, resolve, reject);
+/******/ });
+/******/ }
+/******/ // object to store loaded CSS chunks
+/******/ var installedCssChunks = {
+/******/ 8: 0
+/******/ };
+/******/
+/******/ __webpack_require__.f.miniCss = (chunkId, promises) => {
+/******/ var cssChunks = {"0":1,"2":1,"3":1,"6":1,"7":1};
+/******/ if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
+/******/ else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
+/******/ promises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(() => {
+/******/ installedCssChunks[chunkId] = 0;
+/******/ }, (e) => {
+/******/ delete installedCssChunks[chunkId];
+/******/ throw e;
+/******/ }));
+/******/ }
+/******/ };
+/******/
+/******/ // no hmr
+/******/
+/******/ __webpack_require__.F.miniCss = (chunkId) => {
+/******/ if((!__webpack_require__.o(installedCssChunks, chunkId) || installedCssChunks[chunkId] === undefined) && !/^[1458]$/.test(chunkId)) {
+/******/ installedCssChunks[chunkId] = null;
+/******/ var link = document.createElement('link');
+/******/
+/******/ if (__webpack_require__.nc) {
+/******/ link.setAttribute("nonce", __webpack_require__.nc);
+/******/ }
+/******/ link.rel = "prefetch";
+/******/ link.as = "style";
+/******/ link.href = __webpack_require__.p + __webpack_require__.miniCssF(chunkId);
+/******/ document.head.appendChild(link);
+/******/ }
+/******/ };
+/******/
+/******/ __webpack_require__.H.miniCss = (chunkId) => {
+/******/ if((!__webpack_require__.o(installedCssChunks, chunkId) || installedCssChunks[chunkId] === undefined) && !/^[1458]$/.test(chunkId)) {
+/******/ installedCssChunks[chunkId] = null;
+/******/ var link = document.createElement('link');
+/******/ link.charset = 'utf-8';
+/******/ if (__webpack_require__.nc) {
+/******/ link.setAttribute("nonce", __webpack_require__.nc);
+/******/ }
+/******/ link.rel = "preload";
+/******/ link.as = "style";
+/******/ link.href = __webpack_require__.p + __webpack_require__.miniCssF(chunkId);
+/******/ document.head.appendChild(link);
+/******/ }
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/jsonp chunk loading */
+/******/ (() => {
+/******/ // no baseURI
+/******/
+/******/ // object to store loaded and loading chunks
+/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ var installedChunks = {
+/******/ 8: 0
+/******/ };
+/******/
+/******/ __webpack_require__.f.j = (chunkId, promises) => {
+/******/ // JSONP chunk loading for javascript
+/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
+/******/ if(installedChunkData !== 0) { // 0 means "already installed".
+/******/
+/******/ // a Promise means "currently loading".
+/******/ if(installedChunkData) {
+/******/ promises.push(installedChunkData[2]);
+/******/ } else {
+/******/ if(true) { // all chunks have JS
+/******/ // setup Promise in chunk cache
+/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
+/******/ promises.push(installedChunkData[2] = promise);
+/******/
+/******/ // start chunk loading
+/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
+/******/ // create error before stack unwound to get useful stacktrace later
+/******/ var error = new Error();
+/******/ var loadingEnded = (event) => {
+/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
+/******/ installedChunkData = installedChunks[chunkId];
+/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
+/******/ if(installedChunkData) {
+/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var realSrc = event && event.target && event.target.src;
+/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
+/******/ error.name = 'ChunkLoadError';
+/******/ error.type = errorType;
+/******/ error.request = realSrc;
+/******/ installedChunkData[1](error);
+/******/ }
+/******/ }
+/******/ };
+/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
+/******/ }
+/******/ }
+/******/ }
+/******/ };
+/******/
+/******/ __webpack_require__.F.j = (chunkId) => {
+/******/ if((!__webpack_require__.o(installedChunks, chunkId) || installedChunks[chunkId] === undefined) && true) {
+/******/ installedChunks[chunkId] = null;
+/******/ var link = document.createElement('link');
+/******/
+/******/ if (__webpack_require__.nc) {
+/******/ link.setAttribute("nonce", __webpack_require__.nc);
+/******/ }
+/******/ link.rel = "prefetch";
+/******/ link.as = "script";
+/******/ link.href = __webpack_require__.p + __webpack_require__.u(chunkId);
+/******/ document.head.appendChild(link);
+/******/ }
+/******/ };
+/******/
+/******/ __webpack_require__.H.j = (chunkId) => {
+/******/ if((!__webpack_require__.o(installedChunks, chunkId) || installedChunks[chunkId] === undefined) && true) {
+/******/ installedChunks[chunkId] = null;
+/******/ var link = document.createElement('link');
+/******/
+/******/ link.charset = 'utf-8';
+/******/ if (__webpack_require__.nc) {
+/******/ link.setAttribute("nonce", __webpack_require__.nc);
+/******/ }
+/******/ link.rel = "preload";
+/******/ link.as = "script";
+/******/ link.href = __webpack_require__.p + __webpack_require__.u(chunkId);
+/******/ document.head.appendChild(link);
+/******/ }
+/******/ };
+/******/
+/******/ // no HMR
+/******/
+/******/ // no HMR manifest
+/******/
+/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
+/******/
+/******/ // install a JSONP callback for chunk loading
+/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+/******/ var [chunkIds, moreModules, runtime] = data;
+/******/ // add "moreModules" to the modules object,
+/******/ // then flag all "chunkIds" as loaded and fire callback
+/******/ var moduleId, chunkId, i = 0;
+/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
+/******/ for(moduleId in moreModules) {
+/******/ if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ }
+/******/ }
+/******/ if(runtime) var result = runtime(__webpack_require__);
+/******/ }
+/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
+/******/ for(;i < chunkIds.length; i++) {
+/******/ chunkId = chunkIds[i];
+/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ installedChunks[chunkId][0]();
+/******/ }
+/******/ installedChunks[chunkId] = 0;
+/******/ }
+/******/ return __webpack_require__.O(result);
+/******/ }
+/******/
+/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
+/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
+/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
+/******/ })();
+/******/
+/******/ /* webpack/runtime/chunk prefetch trigger */
+/******/ (() => {
+/******/ var chunkToChildrenMap = {
+/******/ "1": [
+/******/ 2,
+/******/ 4
+/******/ ]
+/******/ };
+/******/ __webpack_require__.f.prefetch = (chunkId, promises) => (Promise.all(promises).then(() => {
+/******/ var chunks = chunkToChildrenMap[chunkId];
+/******/ Array.isArray(chunks) && chunks.map(__webpack_require__.E);
+/******/ }));
+/******/ })();
+/******/
+/******/ /* webpack/runtime/chunk preload trigger */
+/******/ (() => {
+/******/ var chunkToChildrenMap = {
+/******/ "1": [
+/******/ 3
+/******/ ],
+/******/ "5": [
+/******/ 6,
+/******/ 7
+/******/ ]
+/******/ };
+/******/ __webpack_require__.f.preload = (chunkId) => {
+/******/ var chunks = chunkToChildrenMap[chunkId];
+/******/ Array.isArray(chunks) && chunks.map(__webpack_require__.G);
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/startup prefetch */
+/******/ (() => {
+/******/ __webpack_require__.O(0, [8], () => {
+/******/ [0,1,5].map(__webpack_require__.E);
+/******/ }, 5);
+/******/ })();
+/******/
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.e(/* import() | a */ 0).then(__webpack_require__.bind(__webpack_require__, 1));
+__webpack_require__.e(/* import() | b */ 1).then(__webpack_require__.t.bind(__webpack_require__, 2, 23));
+__webpack_require__.e(/* import() | c */ 5).then(__webpack_require__.t.bind(__webpack_require__, 3, 23));
+
+__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
+/******/ })()
+;
\ No newline at end of file
diff --git a/test/cases/prefetch-preload/index.js b/test/cases/prefetch-preload/index.js
new file mode 100644
index 00000000..e1c87500
--- /dev/null
+++ b/test/cases/prefetch-preload/index.js
@@ -0,0 +1,3 @@
+import(/* webpackPrefetch: true, webpackChunkName: "a" */ "./a.css");
+import(/* webpackPrefetch: true, webpackChunkName: "b" */ "./b");
+import(/* webpackPrefetch: true, webpackChunkName: "c" */ "./c");
diff --git a/test/cases/prefetch-preload/webpack.config.js b/test/cases/prefetch-preload/webpack.config.js
new file mode 100644
index 00000000..cf55c08c
--- /dev/null
+++ b/test/cases/prefetch-preload/webpack.config.js
@@ -0,0 +1,18 @@
+import Self from "../../../src";
+
+module.exports = {
+ entry: "./index.js",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [Self.loader, "css-loader"],
+ },
+ ],
+ },
+ plugins: [
+ new Self({
+ filename: "[name].css",
+ }),
+ ],
+};
diff --git a/test/cases/publicpath-function-2/expected/webpack-5/nested/again/style.css b/test/cases/publicpath-function-2/expected/webpack-5/nested/again/style.css
index f997f919..6524cdc0 100644
--- a/test/cases/publicpath-function-2/expected/webpack-5/nested/again/style.css
+++ b/test/cases/publicpath-function-2/expected/webpack-5/nested/again/style.css
@@ -1,5 +1,5 @@
body {
background: green;
- background-image: url(http://example.com/0ecdbda184223cdb3d36/c9e192c015437a21dea1.svg);
+ background-image: url(http://example.com/b284f5dc5823af841415/c9e192c015437a21dea1.svg);
}
diff --git a/test/cases/publicpath-function-2/expected/webpack-5/nested/style.css b/test/cases/publicpath-function-2/expected/webpack-5/nested/style.css
index b7f66925..3a14b75c 100644
--- a/test/cases/publicpath-function-2/expected/webpack-5/nested/style.css
+++ b/test/cases/publicpath-function-2/expected/webpack-5/nested/style.css
@@ -1,5 +1,5 @@
body {
background: red;
- background-image: url(http://example.com/398b3f33c59de2ae9221/c9e192c015437a21dea1.svg);
+ background-image: url(http://example.com/405f78bf9e607b76da4a/c9e192c015437a21dea1.svg);
}
diff --git a/test/cases/runtime/expected/runtime~main.js b/test/cases/runtime/expected/runtime~main.js
index dadc8ea8..64b03080 100644
--- a/test/cases/runtime/expected/runtime~main.js
+++ b/test/cases/runtime/expected/runtime~main.js
@@ -177,6 +177,7 @@
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
+/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@@ -220,7 +221,7 @@
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) {
/******/ var i = scripts.length - 1;
-/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ }
/******/ }
/******/ }
diff --git a/test/fixtures/no-nonce.js b/test/fixtures/no-nonce.js
new file mode 100644
index 00000000..1b9d3ae6
--- /dev/null
+++ b/test/fixtures/no-nonce.js
@@ -0,0 +1,2 @@
+/* eslint-disable-next-line no-unused-expressions */
+import(/* webpackChunkName: "simple" */ './simple.css');
diff --git a/test/fixtures/nonce.js b/test/fixtures/nonce.js
new file mode 100644
index 00000000..f7e89de0
--- /dev/null
+++ b/test/fixtures/nonce.js
@@ -0,0 +1,4 @@
+__webpack_nonce__ = 'THE_NONCE';
+
+/* eslint-disable-next-line no-unused-expressions */
+import(/* webpackChunkName: "simple" */ './simple.css');
diff --git a/test/hooks.test.js b/test/hooks.test.js
new file mode 100644
index 00000000..373c21cf
--- /dev/null
+++ b/test/hooks.test.js
@@ -0,0 +1,74 @@
+/* eslint-env browser */
+import path from "path";
+
+import { Template } from "webpack";
+
+import MiniCssExtractPlugin from "../src";
+
+import { runInJsDom, compile, getCompiler } from "./helpers/index";
+
+describe("hooks", () => {
+ it(`beforeTagInsert`, async () => {
+ const webpackCompiler = getCompiler(
+ "insert.js",
+ {},
+ {
+ mode: "none",
+ output: {
+ publicPath: "",
+ path: path.resolve(__dirname, "../outputs"),
+ filename: "[name].bundle.js",
+ },
+ plugins: [
+ new MiniCssExtractPlugin({
+ filename: "[name].css",
+ }),
+ {
+ /**
+ *
+ * @param {import('webpack').Compiler} compiler
+ */
+ apply: (compiler) => {
+ compiler.hooks.compilation.tap("sri", (compilation) => {
+ MiniCssExtractPlugin.getCompilationHooks(
+ compilation
+ ).beforeTagInsert.tap("sri", (source, varNames) =>
+ Template.asString([
+ source,
+ `${varNames.tag}.setAttribute("integrity", "sriHashes[${varNames.chunkId}]");`,
+ ])
+ );
+ });
+ },
+ },
+ {
+ /**
+ *
+ * @param {import('webpack').Compiler} compiler
+ */
+ apply: (compiler) => {
+ compiler.hooks.compilation.tap("href", (compilation) => {
+ MiniCssExtractPlugin.getCompilationHooks(
+ compilation
+ ).beforeTagInsert.tap("changeHref", (source, varNames) =>
+ Template.asString([
+ source,
+ `${varNames.tag}.setAttribute("href", "https://github.com/webpack-contrib/mini-css-extract-plugin");`,
+ ])
+ );
+ });
+ },
+ },
+ ],
+ }
+ );
+ const stats = await compile(webpackCompiler);
+ runInJsDom("main.bundle.js", webpackCompiler, stats, (dom) => {
+ const [tag] = dom.window.document.head.getElementsByTagName("link");
+ expect(tag.getAttribute("integrity")).toBe("sriHashes[chunkId]");
+ expect(tag.getAttribute("href")).toBe(
+ "https://github.com/webpack-contrib/mini-css-extract-plugin"
+ );
+ });
+ });
+});
diff --git a/test/manual/index.html b/test/manual/index.html
index 3b7d2ca4..8c93cb71 100644
--- a/test/manual/index.html
+++ b/test/manual/index.html
@@ -23,6 +23,16 @@
background: lightgreen;
}
+
+
@@ -97,6 +107,20 @@
+
+
Prefetch CSS: Must be blue and green after click.
+
+ to load
+ prefetched chunk
+
+
+
+
Preload CSS: Must be white, then blue, then green after click.