css-loader - npm Package Compare versions

Comparing version 6.8.1 to 6.9.0

dist/index.js

@@ -22,3 +22,3 @@ "use strict";
   const callback = this.async();
-  if (this._compiler && this._compiler.options && this._compiler.options.experiments && this._compiler.options.experiments.css && this._module && this._module.type === "css") {
+  if (this._compiler && this._compiler.options && this._compiler.options.experiments && this._compiler.options.experiments.css && this._module && (this._module.type === "css" || this._module.type === "css/auto" || this._module.type === "css/global" || this._module.type === "css/module")) {
     this.emitWarning(new Error('You can\'t use `experiments.css` (`experiments.futureDefaults` enable built-in CSS support by default) and `css-loader` together, please set `experiments.css` to `false` or set `{ type: "javascript/auto" }` for rules with `css-loader` in your webpack config (now css-loader does nothing).'));
@@ -83,3 +83,2 @@ callback(null, content, map, meta);
   }
-
   const icssPluginImports = [];
@@ -86,0 +85,0 @@ const icssPluginApi = [];

dist/plugins/postcss-icss-parser.js

@@ -113,3 +113,2 @@ "use strict";
 plugin.postcss = true;
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;

dist/plugins/postcss-import-parser.js

@@ -282,3 +282,2 @@ "use strict";
 plugin.postcss = true;
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;

dist/plugins/postcss-url-parser.js

@@ -356,3 +356,2 @@ "use strict";
 plugin.postcss = true;
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;

dist/utils.js

@@ -44,4 +44,3 @@ "use strict";
 
-const WEBPACK_IGNORE_COMMENT_REGEXP = /webpackIgnore:(\s+)?(true|false)/;
-exports.WEBPACK_IGNORE_COMMENT_REGEXP = WEBPACK_IGNORE_COMMENT_REGEXP;
+const WEBPACK_IGNORE_COMMENT_REGEXP = exports.WEBPACK_IGNORE_COMMENT_REGEXP = /webpackIgnore:(\s+)?(true|false)/;
 const matchRelativePath = /^\.\.?[/\\]/;
@@ -549,3 +548,3 @@ function isAbsolutePath(str) {
     if (rawOptions.esModule === false) {
-      throw new Error("The 'exportType' option with the 'css-style-sheet' or 'string' value requires the 'esModules' option to be enabled");
+      throw new Error("The 'exportType' option with the 'css-style-sheet' or 'string' value requires the 'esModule' option to be enabled");
     }
@@ -558,3 +557,3 @@ if (modulesOptions.namedExport === false) {
     if (rawOptions.esModule === false) {
-      throw new Error("The 'modules.namedExport' option requires the 'esModules' option to be enabled");
+      throw new Error("The 'modules.namedExport' option requires the 'esModule' option to be enabled");
     }
@@ -625,3 +624,3 @@ if (typeof exportLocalsConventionType === "string" && exportLocalsConventionType !== "camelCaseOnly" && exportLocalsConventionType !== "dashesOnly") {
     }), (0, _postcssModulesExtractImports.default)(), (0, _postcssModulesScope.default)({
-      generateScopedName(exportName) {
+      generateScopedName(exportName, resourceFile, rawCss, node) {
         let localIdent;
@@ -636,3 +635,4 @@ if (typeof getLocalIdent !== "undefined") {
             hashStrategy,
-            regExp: localIdentRegExp
+            regExp: localIdentRegExp,
+            node
           });
@@ -651,3 +651,4 @@ }
             hashStrategy,
-            regExp: localIdentRegExp
+            regExp: localIdentRegExp,
+            node
           });
@@ -654,0 +655,0 @@ return escapeLocalIdent(localIdent).replace(/\\\[local\\]/gi, exportName);

package.json

 {
   "name": "css-loader",
-  "version": "6.8.1",
+  "version": "6.9.0",
   "description": "css loader module for webpack",
@@ -50,14 +50,14 @@ "license": "MIT",
     "icss-utils": "^5.1.0",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.31",
     "postcss-modules-extract-imports": "^3.0.0",
     "postcss-modules-local-by-default": "^4.0.3",
-    "postcss-modules-scope": "^3.0.0",
+    "postcss-modules-scope": "^3.1.0",
     "postcss-modules-values": "^4.0.0",
     "postcss-value-parser": "^4.2.0",
-    "semver": "^7.3.8"
+    "semver": "^7.5.4"
   },
   "devDependencies": {
-    "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.4",
-    "@babel/preset-env": "^7.21.4",
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.7",
     "@commitlint/cli": "^16.3.0",
@@ -68,9 +68,9 @@ "@commitlint/config-conventional": "^16.2.4",
     "cross-env": "^7.0.3",
-    "cspell": "^6.31.1",
+    "cspell": "^6.31.2",
     "del": "^6.1.1",
     "del-cli": "^4.0.1",
     "es-check": "^7.1.0",
-    "eslint": "^8.37.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-import": "^2.27.5",
+    "eslint": "^8.54.0",
+    "eslint-config-prettier": "^8.9.0",
+    "eslint-plugin-import": "^2.29.0",
     "file-loader": "^6.2.0",
@@ -80,6 +80,6 @@ "husky": "^7.0.1",
     "jest-environment-jsdom": "^28.1.3",
-    "less": "^4.1.3",
+    "less": "^4.2.0",
     "less-loader": "^10.0.1",
     "lint-staged": "^12.5.0",
-    "memfs": "^3.4.13",
+    "memfs": "^3.5.3",
     "mini-css-extract-plugin": "^2.7.5",
@@ -90,3 +90,3 @@ "npm-run-all": "^4.1.5",
     "prettier": "^2.8.7",
-    "sass": "^1.60.0",
+    "sass": "^1.69.7",
     "sass-loader": "^12.6.0",
@@ -99,3 +99,3 @@ "standard-version": "^9.5.0",
     "url-loader": "^4.1.1",
-    "webpack": "^5.77.0"
+    "webpack": "^5.89.0"
   },
@@ -102,0 +102,0 @@ "keywords": [

README.md

@@ -1541,3 +1541,3 @@ <div align="center">
 >
-> The `esModules` option should be enabled if you want to use it with [`CSS modules`](https://github.com/webpack-contrib/css-loader#modules), by default for locals will be used [named export](https://github.com/webpack-contrib/css-loader#namedexport).
+> The `esModule` option should be enabled if you want to use it with [`CSS modules`](https://github.com/webpack-contrib/css-loader#modules), by default for locals will be used [named export](https://github.com/webpack-contrib/css-loader#namedexport).
 
@@ -1581,3 +1581,3 @@ The default export is `string`.
 >
-> The `esModules` option should be enabled if you want to use it with [`CSS modules`](https://github.com/webpack-contrib/css-loader#modules), by default for locals will be used [named export](https://github.com/webpack-contrib/css-loader#namedexport).
+> The `esModule` option should be enabled if you want to use it with [`CSS modules`](https://github.com/webpack-contrib/css-loader#modules), by default for locals will be used [named export](https://github.com/webpack-contrib/css-loader#namedexport).
 
@@ -1693,3 +1693,3 @@ > **Warning**
 This can be achieved by using the [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin), because it creates separate css files.
-For `development` mode (including `webpack-dev-server`) you can use [style-loader](https://github.com/webpack-contrib/style-loader), because it injects CSS into the DOM using multiple <style></style> and works faster.
+For `development` mode (including `webpack-dev-server`) you can use [style-loader](https://github.com/webpack-contrib/style-loader), because it injects CSS into the DOM using multiple `<style></style>` and works faster.
 
@@ -1696,0 +1696,0 @@ > **Note**

No alert changes

Improved metrics

Total package byte prevSize

131206

increased by0.09%

Worsened metrics

Lines of code

2271

decreased by-0.04%

Dependency changes

• Updatedpostcss@^8.4.31

• Updatedpostcss-modules-scope@^3.1.0

• Updatedsemver@^7.5.4