css-loader - npm Package Compare versions

Comparing version 6.7.3 to 6.7.4

dist/index.js

@@ -23,4 +23,8 @@ "use strict";
   const rawOptions = this.getOptions(_options.default);
-  const plugins = [];
   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") {
+    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).'));
+    callback(null, content, map, meta);
+    return;
+  }
   let options;
@@ -33,2 +37,3 @@ try {
   }
+  const plugins = [];
   const replacements = [];
@@ -35,0 +40,0 @@ const exports = [];

package.json

 {
   "name": "css-loader",
-  "version": "6.7.3",
+  "version": "6.7.4",
   "description": "css loader module for webpack",
@@ -31,2 +31,5 @@ "license": "MIT",
     "lint": "npm-run-all -l -p \"lint:**\"",
+    "fix:js": "npm run lint:js -- --fix",
+    "fix:prettier": "npm run lint:prettier -- --write",
+    "fix": "npm-run-all -l fix:js fix:prettier",
     "test:only": "cross-env NODE_ENV=test jest",
@@ -48,5 +51,5 @@ "test:watch": "npm run test:only -- --watch",
     "icss-utils": "^5.1.0",
-    "postcss": "^8.4.19",
+    "postcss": "^8.4.21",
     "postcss-modules-extract-imports": "^3.0.0",
-    "postcss-modules-local-by-default": "^4.0.0",
+    "postcss-modules-local-by-default": "^4.0.1",
     "postcss-modules-scope": "^3.0.0",
@@ -58,5 +61,5 @@ "postcss-modules-values": "^4.0.0",
   "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.20.5",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/cli": "^7.21.0",
+    "@babel/core": "^7.21.4",
+    "@babel/preset-env": "^7.21.4",
     "@commitlint/cli": "^16.3.0",
@@ -67,9 +70,9 @@ "@commitlint/config-conventional": "^16.2.4",
     "cross-env": "^7.0.3",
-    "cspell": "^6.15.1",
+    "cspell": "^6.31.1",
     "del": "^6.1.1",
     "del-cli": "^4.0.1",
-    "es-check": "^7.0.1",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
+    "es-check": "^7.1.0",
+    "eslint": "^8.37.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-import": "^2.27.5",
     "file-loader": "^6.2.0",
@@ -82,17 +85,17 @@ "husky": "^7.0.1",
     "lint-staged": "^12.5.0",
-    "memfs": "^3.4.12",
-    "mini-css-extract-plugin": "^2.7.1",
+    "memfs": "^3.4.13",
+    "mini-css-extract-plugin": "^2.7.5",
     "npm-run-all": "^4.1.5",
     "postcss-loader": "^6.2.1",
     "postcss-preset-env": "^7.8.3",
-    "prettier": "^2.8.0",
-    "sass": "^1.56.1",
+    "prettier": "^2.8.7",
+    "sass": "^1.60.0",
     "sass-loader": "^12.6.0",
     "standard-version": "^9.5.0",
     "strip-ansi": "^6.0.0",
-    "style-loader": "^3.1.0",
+    "style-loader": "^3.3.2",
     "stylus": "^0.56.0",
     "stylus-loader": "^6.1.0",
     "url-loader": "^4.1.1",
-    "webpack": "^5.75.0"
+    "webpack": "^5.77.0"
   },
@@ -99,0 +102,0 @@ "keywords": [

README.md

@@ -14,3 +14,3 @@ <div align="center">
 [![coverage][cover]][cover-url]
-[![chat][chat]][chat-url]
+[![discussion][discussion]][discussion-url]
 [![size][size]][size-url]
@@ -26,3 +26,3 @@
 >
-> To use css-loader, webpack@5 is required
+> To use the latest version of css-loader, webpack@5 is required
 
@@ -189,5 +189,13 @@ To begin, you'll need to install `css-loader`:
 ```ts
-type import =
+type importFn =
   | boolean
-  | { filter: (url: string, media: string, resourcePath: string) => boolean };
+  | {
+      filter: (
+        url: string,
+        media: string,
+        resourcePath: string,
+        supports?: string,
+        layer?: string
+      ) => boolean;
+    };
 ```
@@ -699,7 +707,7 @@
 type mode =
-        | "local"
-        | "global"
-        | "pure"
-        | "icss"
-        | ((resourcePath) => "local" | "global" | "pure" | "icss"))`
+  | "local"
+  | "global"
+  | "pure"
+  | "icss"
+  | ((resourcePath: string) => "local" | "global" | "pure" | "icss");
 ```
@@ -1703,2 +1711,4 @@
       {
+        // If you enable `experiments.css` or `experiments.futureDefaults`, please uncomment line below
+        // type: "javascript/auto",
         test: /\.(sa|sc|c)ss$/i,
@@ -2034,5 +2044,5 @@ use: [
 [cover-url]: https://codecov.io/gh/webpack-contrib/css-loader
-[chat]: https://badges.gitter.im/webpack/webpack.svg
-[chat-url]: https://gitter.im/webpack/webpack
+[discussion]: https://img.shields.io/github/discussions/webpack/webpack
+[discussion-url]: https://github.com/webpack/webpack/discussions
 [size]: https://packagephobia.now.sh/badge?p=css-loader
 [size-url]: https://packagephobia.now.sh/result?p=css-loader

No alert changes

Improved metrics

Total package byte prevSize

129921

increased by0.77%

Lines of code

2263

increased by0.27%

Number of lines in readme file

2043

increased by0.49%

Dependency changes

• + Addedcaniuse-lite@1.0.30001613(transitive)

• - Removedcaniuse-lite@1.0.30001612(transitive)

• - Removedes-module-lexer@1.5.0(transitive)

• Updatedpostcss@^8.4.21

• Updatedpostcss-modules-local-by-default@^4.0.1