css-loader 7.1.0 → 7.1.1

package/README.md

@@ -1156,7 +1156,7 @@ Enables/disables ES modules named export for locals.
 
 > **Warning**
 >
-> It is not allowed to use the `default` reserved word in css classes.
+> Because it is not allowed to use the `default` class in CSS when the `namedExport` is `true` (since ECMA modules have a reserved keyword `default` for default export), it will be automatically renamed to the `_default` class.
 
 **styles.css**
 
@@ -1167,6 +1167,9 @@ Enables/disables ES modules named export for locals.
 .bar {
   color: blue;
 }
+.default {
+  color: green;
+}
 ```
 
 **index.js**
@@ -1179,6 +1182,9 @@ console.log(styles["foo-baz"], styles.bar);
 
 // If using `exportLocalsConvention: "camel-case-only"`:
 console.log(styles.fooBaz, styles.bar);
+
+// For the `default` classname
+console.log(styles["_default"]);
 ```
 
 You can enable a ES module named export using:

package/dist/utils.js

@@ -845,9 +845,12 @@ function getExportCode(exports, replacements, icssPluginUsed, options, isTemplat
     let identifierId = 0;
     const addExportToLocalsCode = (names, value) => {
       const normalizedNames = Array.isArray(names) ? new Set(names) : new Set([names]);
-      for (const name of normalizedNames) {
+      for (let name of normalizedNames) {
         const serializedValue = isTemplateLiteralSupported ? convertToTemplateLiteral(value) : JSON.stringify(value);
         if (options.modules.namedExport) {
+          if (name === "default") {
+            name = `_${name}`;
+          }
           if (!validIdentifier.test(name) || keywords.has(name)) {
             identifierId += 1;
             const id = `_${identifierId.toString(16)}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-loader",
-  "version": "7.1.0",
+  "version": "7.1.1",
   "description": "css loader module for webpack",
   "license": "MIT",
   "repository": "webpack-contrib/css-loader",