+ " `; -exports[`noRuntime option should work when the 'runtime' option is 'true': errors 1`] = `Array []`; +exports[`noRuntime option should work when the 'runtime' option is 'true': errors 1`] = `[]`; -exports[`noRuntime option should work when the 'runtime' option is 'true': warnings 1`] = `Array []`; +exports[`noRuntime option should work when the 'runtime' option is 'true': warnings 1`] = `[]`; exports[`noRuntime option should work without the 'runtime' option: DOM 1`] = ` " style-loader test - - + +

Body

- +

+ " `; -exports[`noRuntime option should work without the 'runtime' option: errors 1`] = `Array []`; +exports[`noRuntime option should work without the 'runtime' option: errors 1`] = `[]`; -exports[`noRuntime option should work without the 'runtime' option: warnings 1`] = `Array []`; +exports[`noRuntime option should work without the 'runtime' option: warnings 1`] = `[]`; diff --git a/test/__snapshots__/validate-plugin-options.test.js.snap b/test/__snapshots__/validate-plugin-options.test.js.snap index ff8fb308..f1fa1238 100644 --- a/test/__snapshots__/validate-plugin-options.test.js.snap +++ b/test/__snapshots__/validate-plugin-options.test.js.snap @@ -15,7 +15,7 @@ exports[`validate options should throw an error on the "chunkFilename" option wi exports[`validate options should throw an error on the "chunkFilename" option with "/styles/[id].css" value 1`] = ` "Invalid options object. Mini CSS Extract Plugin has been initialized using an options object that does not match the API schema. - - options.chunkFilename: A relative path is expected. However, the provided value \\"/styles/[id].css\\" is an absolute path!" + - options.chunkFilename: A relative path is expected. However, the provided value "/styles/[id].css" is an absolute path!" `; exports[`validate options should throw an error on the "chunkFilename" option with "true" value 1`] = ` @@ -36,7 +36,7 @@ exports[`validate options should throw an error on the "filename" option with "" exports[`validate options should throw an error on the "filename" option with "/styles/[name].css" value 1`] = ` "Invalid options object. Mini CSS Extract Plugin has been initialized using an options object that does not match the API schema. - - options.filename: A relative path is expected. However, the provided value \\"/styles/[name].css\\" is an absolute path!" + - options.filename: A relative path is expected. However, the provided value "/styles/[name].css" is an absolute path!" `; exports[`validate options should throw an error on the "filename" option with "true" value 1`] = ` @@ -93,44 +93,44 @@ exports[`validate options should throw an error on the "insert" option with "tru exports[`validate options should throw an error on the "linkType" option with "[]" value 1`] = ` "Invalid options object. Mini CSS Extract Plugin has been initialized using an options object that does not match the API schema. - options.linkType should be one of these: - \\"text/css\\" | boolean + "text/css" | boolean -> This option allows loading asynchronous chunks with a custom link type -> Read more at https://github.com/webpack-contrib/mini-css-extract-plugin#linktype Details: - * options.linkType should be \\"text/css\\". + * options.linkType should be "text/css". * options.linkType should be a boolean." `; exports[`validate options should throw an error on the "linkType" option with "{}" value 1`] = ` "Invalid options object. Mini CSS Extract Plugin has been initialized using an options object that does not match the API schema. - options.linkType should be one of these: - \\"text/css\\" | boolean + "text/css" | boolean -> This option allows loading asynchronous chunks with a custom link type -> Read more at https://github.com/webpack-contrib/mini-css-extract-plugin#linktype Details: - * options.linkType should be \\"text/css\\". + * options.linkType should be "text/css". * options.linkType should be a boolean." `; exports[`validate options should throw an error on the "linkType" option with "1" value 1`] = ` "Invalid options object. Mini CSS Extract Plugin has been initialized using an options object that does not match the API schema. - options.linkType should be one of these: - \\"text/css\\" | boolean + "text/css" | boolean -> This option allows loading asynchronous chunks with a custom link type -> Read more at https://github.com/webpack-contrib/mini-css-extract-plugin#linktype Details: - * options.linkType should be \\"text/css\\". + * options.linkType should be "text/css". * options.linkType should be a boolean." `; exports[`validate options should throw an error on the "linkType" option with "invalid/type" value 1`] = ` "Invalid options object. Mini CSS Extract Plugin has been initialized using an options object that does not match the API schema. - options.linkType should be one of these: - \\"text/css\\" | boolean + "text/css" | boolean -> This option allows loading asynchronous chunks with a custom link type -> Read more at https://github.com/webpack-contrib/mini-css-extract-plugin#linktype Details: - * options.linkType should be \\"text/css\\". + * options.linkType should be "text/css". * options.linkType should be a boolean." `; diff --git a/test/api.test.js b/test/api.test.js index 1f00bdbc..e71fddaf 100644 --- a/test/api.test.js +++ b/test/api.test.js @@ -5,13 +5,13 @@ import MiniCssExtractPlugin from "../src"; describe("API", () => { it("should return the same CssModule when same webpack instance provided", () => { expect(MiniCssExtractPlugin.getCssModule(webpack)).toEqual( - MiniCssExtractPlugin.getCssModule(webpack) + MiniCssExtractPlugin.getCssModule(webpack), ); }); it("should return the same CssDependency when same webpack instance provided", () => { expect(MiniCssExtractPlugin.getCssDependency(webpack)).toEqual( - MiniCssExtractPlugin.getCssDependency(webpack) + MiniCssExtractPlugin.getCssDependency(webpack), ); }); }); diff --git a/test/attributes-option.test.js b/test/attributes-option.test.js index 17a3e123..753a9167 100644 --- a/test/attributes-option.test.js +++ b/test/attributes-option.test.js @@ -27,7 +27,7 @@ describe("attributes option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); @@ -59,7 +59,7 @@ describe("attributes option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); diff --git a/test/cases/auxiliary-assets/fonts.css b/test/cases/auxiliary-assets/fonts.css index 959441f9..22b75b91 100644 --- a/test/cases/auxiliary-assets/fonts.css +++ b/test/cases/auxiliary-assets/fonts.css @@ -3,7 +3,9 @@ font-style: normal; font-weight: 300; font-display: swap; - src: local("Roboto Light"), local("Roboto-Light"), + src: + local("Roboto Light"), + local("Roboto-Light"), url("fonts/roboto-v18-latin-300.woff2") format("woff2"), url("fonts/roboto-v18-latin-300.woff") format("woff"), url("fonts/roboto-v18-latin-300.ttf") format("truetype"); diff --git a/test/cases/custom-loader-with-functional-exports/app/mockLoader.js b/test/cases/custom-loader-with-functional-exports/app/mockLoader.js index e2fc6775..0d70c763 100644 --- a/test/cases/custom-loader-with-functional-exports/app/mockLoader.js +++ b/test/cases/custom-loader-with-functional-exports/app/mockLoader.js @@ -9,6 +9,6 @@ export default function loader() { ]; export var cnA = () => "class-name-a"; -export var cnB = () => "class-name-b";` +export var cnB = () => "class-name-b";`, ); } diff --git a/test/cases/custom-loader-with-new-url-and-public-path-1/app/mockLoader.js b/test/cases/custom-loader-with-new-url-and-public-path-1/app/mockLoader.js index 7c6d5e1d..3131ef8d 100644 --- a/test/cases/custom-loader-with-new-url-and-public-path-1/app/mockLoader.js +++ b/test/cases/custom-loader-with-new-url-and-public-path-1/app/mockLoader.js @@ -7,6 +7,6 @@ export default function loader() { [module.id, ".foo {background: url(" + new URL("./img.png", import.meta.url) + ")}", ""], [module.id, ".bar {background: url(" + new URL("../outer-img.png", import.meta.url) + ")}", ""], [module.id, ".baz {background: url(" + new URL("./nested/nested-img.png", import.meta.url) + ")}", ""] - ]` + ]`, ); } diff --git a/test/cases/custom-loader-with-new-url-and-public-path-auto/app/mockLoader.js b/test/cases/custom-loader-with-new-url-and-public-path-auto/app/mockLoader.js index 7c6d5e1d..3131ef8d 100644 --- a/test/cases/custom-loader-with-new-url-and-public-path-auto/app/mockLoader.js +++ b/test/cases/custom-loader-with-new-url-and-public-path-auto/app/mockLoader.js @@ -7,6 +7,6 @@ export default function loader() { [module.id, ".foo {background: url(" + new URL("./img.png", import.meta.url) + ")}", ""], [module.id, ".bar {background: url(" + new URL("../outer-img.png", import.meta.url) + ")}", ""], [module.id, ".baz {background: url(" + new URL("./nested/nested-img.png", import.meta.url) + ")}", ""] - ]` + ]`, ); } diff --git a/test/cases/custom-loader-with-new-url-and-public-path-default-auto/app/mockLoader.js b/test/cases/custom-loader-with-new-url-and-public-path-default-auto/app/mockLoader.js index 7c6d5e1d..3131ef8d 100644 --- a/test/cases/custom-loader-with-new-url-and-public-path-default-auto/app/mockLoader.js +++ b/test/cases/custom-loader-with-new-url-and-public-path-default-auto/app/mockLoader.js @@ -7,6 +7,6 @@ export default function loader() { [module.id, ".foo {background: url(" + new URL("./img.png", import.meta.url) + ")}", ""], [module.id, ".bar {background: url(" + new URL("../outer-img.png", import.meta.url) + ")}", ""], [module.id, ".baz {background: url(" + new URL("./nested/nested-img.png", import.meta.url) + ")}", ""] - ]` + ]`, ); } diff --git a/test/cases/custom-loader-with-new-url-and-public-path/app/mockLoader.js b/test/cases/custom-loader-with-new-url-and-public-path/app/mockLoader.js index 7c6d5e1d..3131ef8d 100644 --- a/test/cases/custom-loader-with-new-url-and-public-path/app/mockLoader.js +++ b/test/cases/custom-loader-with-new-url-and-public-path/app/mockLoader.js @@ -7,6 +7,6 @@ export default function loader() { [module.id, ".foo {background: url(" + new URL("./img.png", import.meta.url) + ")}", ""], [module.id, ".bar {background: url(" + new URL("../outer-img.png", import.meta.url) + ")}", ""], [module.id, ".baz {background: url(" + new URL("./nested/nested-img.png", import.meta.url) + ")}", ""] - ]` + ]`, ); } diff --git a/test/cases/hmr/expected/main.js b/test/cases/hmr/expected/main.js index bd36274c..a3804d3b 100644 --- a/test/cases/hmr/expected/main.js +++ b/test/cases/hmr/expected/main.js @@ -97,7 +97,7 @@ function getCurrentScriptUrl(moduleId) { const reg = new RegExp(`${filename}\\.js$`, "g"); return normalizeUrl( - src.replace(reg, `${mapRule.replace(/{fileName}/g, filename)}.css`) + src.replace(reg, `${mapRule.replace(/{fileName}/g, filename)}.css`), ); }); }; diff --git a/test/emit-option.test.js b/test/emit-option.test.js index 1d46d924..a7bc4f40 100644 --- a/test/emit-option.test.js +++ b/test/emit-option.test.js @@ -32,12 +32,12 @@ describe("emit option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - "assets" + "assets", ); expect(getWarnings(stats)).toMatchSnapshot("warnings"); expect(getErrors(stats)).toMatchSnapshot("errors"); @@ -60,12 +60,12 @@ describe("emit option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - "assets" + "assets", ); expect(getWarnings(stats)).toMatchSnapshot("warnings"); expect(getErrors(stats)).toMatchSnapshot("errors"); @@ -87,12 +87,12 @@ describe("emit option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - "assets" + "assets", ); expect(getWarnings(stats)).toMatchSnapshot("warnings"); expect(getErrors(stats)).toMatchSnapshot("errors"); @@ -133,7 +133,7 @@ describe("emit option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); @@ -163,7 +163,7 @@ describe("emit option", () => { fs.writeFileSync(this.options.file, newContent); callback(); - } + }, ); } } @@ -224,10 +224,10 @@ describe("emit option", () => { compiler1.close(() => { expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - `assets` + `assets`, ); expect( - Array.from(stats.compilation.emittedAssets).sort() + Array.from(stats.compilation.emittedAssets).sort(), ).toMatchSnapshot(`emittedAssets`); runInJsDom("main.js", compiler1, stats, (dom) => { expect(dom.serialize()).toMatchSnapshot("DOM"); @@ -252,10 +252,10 @@ describe("emit option", () => { compiler2.close(() => { expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - `assets` + `assets`, ); expect( - Array.from(stats.compilation.emittedAssets).sort() + Array.from(stats.compilation.emittedAssets).sort(), ).toMatchSnapshot(`emittedAssets`); runInJsDom("main.js", compiler2, stats, (dom) => { expect(dom.serialize()).toMatchSnapshot("DOM"); @@ -327,10 +327,10 @@ describe("emit option", () => { compiler1.close(() => { expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - `assets` + `assets`, ); expect( - Array.from(stats.compilation.emittedAssets).sort() + Array.from(stats.compilation.emittedAssets).sort(), ).toMatchSnapshot(`emittedAssets`); expect(getWarnings(stats)).toMatchSnapshot("warnings"); expect(getErrors(stats)).toMatchSnapshot("errors"); @@ -352,10 +352,10 @@ describe("emit option", () => { compiler2.close(() => { expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - `assets` + `assets`, ); expect( - Array.from(stats.compilation.emittedAssets).sort() + Array.from(stats.compilation.emittedAssets).sort(), ).toMatchSnapshot(`emittedAssets`); expect(getWarnings(stats)).toMatchSnapshot("warnings"); expect(getErrors(stats)).toMatchSnapshot("errors"); @@ -379,7 +379,7 @@ describe("emit option", () => { fs.writeFileSync(this.options.file, `.a{color: red;}`); callback(); - } + }, ); } } @@ -444,10 +444,10 @@ describe("emit option", () => { compiler1.close(() => { expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - `assets` + `assets`, ); expect( - Array.from(stats.compilation.emittedAssets).sort() + Array.from(stats.compilation.emittedAssets).sort(), ).toMatchSnapshot(`emittedAssets`); expect(getWarnings(stats)).toMatchSnapshot("warnings"); expect(getErrors(stats)).toMatchSnapshot("errors"); @@ -469,10 +469,10 @@ describe("emit option", () => { compiler2.close(() => { expect(Object.keys(stats.compilation.assets).sort()).toMatchSnapshot( - `assets` + `assets`, ); expect( - Array.from(stats.compilation.emittedAssets).sort() + Array.from(stats.compilation.emittedAssets).sort(), ).toMatchSnapshot(`emittedAssets`); expect(getWarnings(stats)).toMatchSnapshot("warnings"); expect(getErrors(stats)).toMatchSnapshot("errors"); diff --git a/test/enforce-esm.test.js b/test/enforce-esm.test.js index ca6fe74d..b2feabaa 100644 --- a/test/enforce-esm.test.js +++ b/test/enforce-esm.test.js @@ -9,13 +9,13 @@ it("should enforce esm for empty module without options.esModule", async () => { { mode: "production", optimization: { minimize: false }, - } + }, ); const stats = await compile(compiler); expect(stats.hasErrors()).toBe(false); const { modules } = stats.toJson({ all: false, modules: true }); expect( - modules.filter((m) => m.moduleType !== "runtime" && !m.orphan).length + modules.filter((m) => m.moduleType !== "runtime" && !m.orphan).length, ).toBe(2); expect(source("./simple.css", stats)).toMatchInlineSnapshot(` "// extracted by mini-css-extract-plugin @@ -32,13 +32,13 @@ it("should enforce esm for empty module with options.esModule", async () => { { mode: "production", optimization: { minimize: false }, - } + }, ); const stats = await compile(compiler); expect(stats.hasErrors()).toBe(false); const { modules } = stats.toJson({ all: false, modules: true }); expect( - modules.filter((m) => m.moduleType !== "runtime" && !m.orphan).length + modules.filter((m) => m.moduleType !== "runtime" && !m.orphan).length, ).toBe(2); expect(source("./simple.css", stats)).toMatchInlineSnapshot(` "// extracted by mini-css-extract-plugin @@ -55,15 +55,15 @@ it('should keep empty module when options.esModule is equal "false"', async () = { mode: "production", optimization: { minimize: false }, - } + }, ); const stats = await compile(compiler); expect(stats.hasErrors()).toBe(false); const { modules } = stats.toJson({ all: false, modules: true }); expect( - modules.filter((m) => m.moduleType !== "runtime" && !m.orphan).length + modules.filter((m) => m.moduleType !== "runtime" && !m.orphan).length, ).toBe(2); expect(source("./simple.css", stats)).toMatchInlineSnapshot( - `"// extracted by mini-css-extract-plugin"` + `"// extracted by mini-css-extract-plugin"`, ); }); diff --git a/test/helpers/normalizeErrors.js b/test/helpers/normalizeErrors.js index 72baa177..d92ca8c8 100644 --- a/test/helpers/normalizeErrors.js +++ b/test/helpers/normalizeErrors.js @@ -14,5 +14,5 @@ function removeCWD(str) { export default (errors) => errors.map((error) => - removeCWD(error.toString().split("\n").slice(0, 2).join("\n")) + removeCWD(error.toString().split("\n").slice(0, 2).join("\n")), ); diff --git a/test/helpers/runInJsDom.js b/test/helpers/runInJsDom.js index 1775e42a..4bf0b136 100644 --- a/test/helpers/runInJsDom.js +++ b/test/helpers/runInJsDom.js @@ -27,7 +27,7 @@ function runInJsDom(assetName, compiler, stats, testFn) { resources: "usable", runScripts: "dangerously", virtualConsole, - } + }, ); dom.window.eval(bundle); diff --git a/test/ignoreOrder-option.test.js b/test/ignoreOrder-option.test.js index 912f19b7..36bd93f0 100644 --- a/test/ignoreOrder-option.test.js +++ b/test/ignoreOrder-option.test.js @@ -7,10 +7,9 @@ describe("IgnoreOrder", () => { const casesDirectory = path.resolve(__dirname, "cases"); const directoryForCase = path.resolve(casesDirectory, "ignoreOrderFalse"); // eslint-disable-next-line import/no-dynamic-require, global-require - const webpackConfig = require(path.resolve( - directoryForCase, - "webpack.config.js" - )); + const webpackConfig = require( + path.resolve(directoryForCase, "webpack.config.js"), + ); const compiler = webpack({ ...webpackConfig, mode: "development", @@ -27,10 +26,9 @@ describe("IgnoreOrder", () => { const casesDirectory = path.resolve(__dirname, "cases"); const directoryForCase = path.resolve(casesDirectory, "ignoreOrder"); // eslint-disable-next-line import/no-dynamic-require, global-require - const webpackConfig = require(path.resolve( - directoryForCase, - "webpack.config.js" - )); + const webpackConfig = require( + path.resolve(directoryForCase, "webpack.config.js"), + ); const compiler = webpack({ ...webpackConfig, mode: "development", diff --git a/test/insert-option.test.js b/test/insert-option.test.js index 34000ca8..59550a58 100644 --- a/test/insert-option.test.js +++ b/test/insert-option.test.js @@ -28,7 +28,7 @@ describe("insert option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); @@ -57,7 +57,7 @@ describe("insert option", () => { insert: "#existing-style", }), ], - } + }, ); const stats = await compile(compiler); @@ -92,7 +92,7 @@ describe("insert option", () => { }, }), ], - } + }, ); const stats = await compile(compiler); diff --git a/test/linkTag-option.test.js b/test/linkTag-option.test.js index 9c3cfaad..243dccaa 100644 --- a/test/linkTag-option.test.js +++ b/test/linkTag-option.test.js @@ -27,7 +27,7 @@ describe("linkType option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); @@ -55,7 +55,7 @@ describe("linkType option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); @@ -83,7 +83,7 @@ describe("linkType option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); diff --git a/test/manual/src/index.js b/test/manual/src/index.js index 8f0d1450..951bf9bd 100644 --- a/test/manual/src/index.js +++ b/test/manual/src/index.js @@ -67,14 +67,16 @@ makeButton(".lazy-module-button", () => .querySelector(".lazy-css-module") // eslint-disable-next-line no-underscore-dangle .classList.add(module.__esModule ? module.default.style : module.style); - }) + }), ); -makeButton(".preloaded-button1", () => - import(/* webpackChunkName: "preloaded1" */ "./preloaded1") +makeButton( + ".preloaded-button1", + () => import(/* webpackChunkName: "preloaded1" */ "./preloaded1"), ); -makeButton(".preloaded-button2", () => - import(/* webpackChunkName: "preloaded2" */ "./preloaded2") +makeButton( + ".preloaded-button2", + () => import(/* webpackChunkName: "preloaded2" */ "./preloaded2"), ); makeButton(".lazy-failure-button", () => import("./lazy-failure"), false); @@ -85,7 +87,7 @@ makeButton(".crossorigin", () => { const promise = import("./crossorigin").then(() => { const lastTwoElements = Array.from(document.head.children).slice(-2); const hasCrossorigin = lastTwoElements.every( - (element) => element.crossOrigin === "anonymous" + (element) => element.crossOrigin === "anonymous", ); if (!hasCrossorigin) { throw new Error('Chunks miss crossorigin="anonymous" attribute.'); diff --git a/test/runtime-option.test.js b/test/runtime-option.test.js index 2f638ae6..d18bab15 100644 --- a/test/runtime-option.test.js +++ b/test/runtime-option.test.js @@ -27,7 +27,7 @@ describe("noRuntime option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); @@ -57,7 +57,7 @@ describe("noRuntime option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); @@ -65,7 +65,7 @@ describe("noRuntime option", () => { expect(dom.serialize()).toMatchSnapshot("DOM"); expect(bundle).not.toContain("webpack/runtime/css loading"); expect(bundle).not.toContain( - "webpack/runtime/get mini-css chunk filename" + "webpack/runtime/get mini-css chunk filename", ); }); @@ -89,7 +89,7 @@ describe("noRuntime option", () => { filename: "[name].css", }), ], - } + }, ); const stats = await compile(compiler); diff --git a/test/stringifyLocal.test.js b/test/stringifyLocal.test.js index fc2743ff..2053eca4 100644 --- a/test/stringifyLocal.test.js +++ b/test/stringifyLocal.test.js @@ -19,7 +19,7 @@ describe("stringifyLocal", () => { }; expect(stringifyLocal(testFn)).toBe( - 'function testFn() {\n return "classA";\n }' + 'function testFn() {\n return "classA";\n }', ); }); }); diff --git a/types/index.d.ts b/types/index.d.ts index 9c4f81f8..4818666c 100644 --- a/types/index.d.ts +++ b/types/index.d.ts @@ -10,7 +10,7 @@ declare class MiniCssExtractPlugin { * @returns {CssDependencyConstructor} */ static getCssDependency( - webpack: Compiler["webpack"] + webpack: Compiler["webpack"], ): CssDependencyConstructor; /** * @param {PluginOptions} [options] @@ -96,23 +96,6 @@ declare namespace MiniCssExtractPlugin { CssDependencyConstructor, }; } -type Compiler = import("webpack").Compiler; -type CssModuleConstructor = new (dependency: CssModuleDependency) => CssModule; -type CssDependencyConstructor = new ( - loaderDependency: CssDependencyOptions, - context: string | null, - identifierIndex: number -) => CssDependency; -type PluginOptions = { - filename?: Required["output"]["filename"]; - chunkFilename?: Required["output"]["chunkFilename"]; - ignoreOrder?: boolean | undefined; - insert?: string | ((linkTag: HTMLLinkElement) => void) | undefined; - attributes?: Record | undefined; - linkType?: string | false | undefined; - runtime?: boolean | undefined; - experimentalUseImportModule?: boolean | undefined; -}; /** @typedef {import("schema-utils/declarations/validate").Schema} Schema */ /** @typedef {import("webpack").Compiler} Compiler */ /** @typedef {import("webpack").Compilation} Compilation */ @@ -166,6 +149,7 @@ declare const pluginName: "mini-css-extract-plugin"; declare const pluginSymbol: unique symbol; declare var loader: string; type Schema = import("schema-utils/declarations/validate").Schema; +type Compiler = import("webpack").Compiler; type Compilation = import("webpack").Compilation; type ChunkGraph = import("webpack").ChunkGraph; type Chunk = import("webpack").Chunk; @@ -186,6 +170,16 @@ type LoaderOptions = { esModule?: boolean | undefined; layer?: string | undefined; }; +type PluginOptions = { + filename?: Required["output"]["filename"]; + chunkFilename?: Required["output"]["chunkFilename"]; + ignoreOrder?: boolean | undefined; + insert?: string | ((linkTag: HTMLLinkElement) => void) | undefined; + attributes?: Record | undefined; + linkType?: string | false | undefined; + runtime?: boolean | undefined; + experimentalUseImportModule?: boolean | undefined; +}; type NormalizedPluginOptions = { filename: Required["output"]["filename"]; chunkFilename?: Required["output"]["chunkFilename"]; @@ -231,5 +225,11 @@ type CssModuleDependency = { } | undefined; }; +type CssModuleConstructor = new (dependency: CssModuleDependency) => CssModule; type CssDependency = Dependency & CssModuleDependency; type CssDependencyOptions = Omit; +type CssDependencyConstructor = new ( + loaderDependency: CssDependencyOptions, + context: string | null, + identifierIndex: number, +) => CssDependency; diff --git a/types/loader.d.ts b/types/loader.d.ts index a007af71..9feef45f 100644 --- a/types/loader.d.ts +++ b/types/loader.d.ts @@ -5,7 +5,7 @@ export = loader; */ declare function loader( this: import("webpack").LoaderContext, - content: string + content: string, ): string | undefined; declare namespace loader { export { @@ -31,7 +31,7 @@ import MiniCssExtractPlugin = require("./index"); */ declare function pitch( this: import("webpack").LoaderContext, - request: string + request: string, ): void; type Schema = import("schema-utils/declarations/validate").Schema; type Compiler = import("webpack").Compiler; diff --git a/types/utils.d.ts b/types/utils.d.ts index 80cd42a9..4cc5baa6 100644 --- a/types/utils.d.ts +++ b/types/utils.d.ts @@ -15,7 +15,7 @@ export function trueFn(): boolean; */ export function findModuleById( compilation: Compilation, - id: string | number + id: string | number, ): null | Module; /** * @param {LoaderContext} loaderContext @@ -26,7 +26,7 @@ export function findModuleById( export function evalModuleCode( loaderContext: LoaderContext, code: string | Buffer, - filename: string + filename: string, ): object; /** * @param {Module} a @@ -46,7 +46,7 @@ export const SINGLE_DOT_PATH_SEGMENT: "__mini_css_extract_plugin_single_dot_path */ export function stringifyRequest( loaderContext: LoaderContext, - request: string + request: string, ): string; /** * @@ -63,5 +63,5 @@ export function stringifyLocal(value: string | Function): string; export function getUndoPath( filename: string, outputPath: string, - enforceRelative: boolean + enforceRelative: boolean, ): string;