fix: readable identifier (#1024)

alexander-akait · web-flow · commit 721bbf104030 · 2023-03-17T02:54:35.000+03:00
diff --git a/src/index.js b/src/index.js
@@ -165,7 +165,9 @@ class MiniCssExtractPlugin {
       }
 
       identifier() {
-        return `css|${this._identifier}|${this._identifierIndex}|${this.layer}|${this.supports}|${this.media}}}`;
+        return `css|${this._identifier}|${this._identifierIndex}|${
+          this.layer || ""
+        }|${this.supports || ""}|${this.media}}}`;
       }
 
       /**
@@ -175,7 +177,9 @@ class MiniCssExtractPlugin {
       readableIdentifier(requestShortener) {
         return `css ${requestShortener.shorten(this._identifier)}${
           this._identifierIndex ? ` (${this._identifierIndex})` : ""
-        }`;
+        }${this.layer ? ` (layer ${this.layer})` : ""}${
+          this.supports ? ` (supports ${this.supports})` : ""
+        }${this.media ? ` (media ${this.media})` : ""}`;
       }
 
       // eslint-disable-next-line class-methods-use-this

Original file line number	Diff line number	Diff line change
`@@ -165,7 +165,9 @@ class MiniCssExtractPlugin {`
`165`	`165`	`}`
`166`	`166`
`167`	`167`	`identifier() {`
`168`		- return `css\|${this._identifier}\|${this._identifierIndex}\|${this.layer}\|${this.supports}\|${this.media}}}`;
	`168`	+ return `css\|${this._identifier}\|${this._identifierIndex}\|${
	`169`	`+ this.layer \|\| ""`
	`170`	+ }\|${this.supports \|\| ""}\|${this.media}}}`;
`169`	`171`	`}`
`170`	`172`
`171`	`173`	`/**`
`@@ -175,7 +177,9 @@ class MiniCssExtractPlugin {`
`175`	`177`	`readableIdentifier(requestShortener) {`
`176`	`178`	return `css ${requestShortener.shorten(this._identifier)}${
`177`	`179`	this._identifierIndex ? ` (${this._identifierIndex})` : ""
`178`		- }`;
	`180`	+ }${this.layer ? ` (layer ${this.layer})` : ""}${
	`181`	+ this.supports ? ` (supports ${this.supports})` : ""
	`182`	+ }${this.media ? ` (media ${this.media})` : ""}`;
`179`	`183`	`}`
`180`	`184`
`181`	`185`	`// eslint-disable-next-line class-methods-use-this`