sass-loader 13.0.1 → 13.1.0

package/README.md

@@ -798,10 +798,9 @@ module.exports = {
 
 For production builds it's recommended to extract the CSS from your bundle being able to use parallel loading of CSS/JS resources later on.
 
-There are two possibilities to extract a style sheet from the bundle:
+There are four possibilities to extract a style sheet from the bundle:
 
-- [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin)
-- [extract-loader](https://github.com/peerigon/extract-loader) (simpler, but specialized on the css-loader's output)
+#### 1. [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin)
 
 **webpack.config.js**
 
@@ -835,6 +834,68 @@ module.exports = {
 };
 ```
 
+#### 2. [Asset Modules](https://webpack.js.org/guides/asset-modules/)
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  entry: [__dirname + "/src/scss/app.scss"],
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: [],
+      },
+      {
+        test: /\.scss$/,
+        exclude: /node_modules/,
+        type: "asset/resource",
+        generator: {
+          filename: "bundle.css",
+        },
+        use: ["sass-loader"],
+      },
+    ],
+  },
+};
+```
+
+#### 3. [extract-loader](https://github.com/peerigon/extract-loader) (simpler, but specialized on the css-loader's output)
+
+#### 4. [file-loader](https://github.com/webpack-contrib/file-loader) (deprecated--should only be used in Webpack v4)
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  entry: [__dirname + "/src/scss/app.scss"],
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: [],
+      },
+      {
+        test: /\.scss$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: "file-loader",
+            options: { outputPath: "css/", name: "[name].min.css" },
+          },
+          "sass-loader",
+        ],
+      },
+    ],
+  },
+};
+```
+
+(source: https://stackoverflow.com/a/60029923/2969615)
+
 ### Source maps
 
 Enables/Disables generation of source maps.

package/dist/SassError.js

@@ -8,7 +8,11 @@ exports.default = void 0;
 class SassError extends Error {
   constructor(sassError) {
     super();
-    this.name = "SassError";
+    this.name = "SassError"; // Instruct webpack to hide the JS stack from the console.
+    // Usually you're only interested in the SASS error in this case.
+
+    this.hideStack = true;
+    Error.captureStackTrace(this, this.constructor);
 
     if (typeof sassError.line !== "undefined" || typeof sassError.column !== "undefined") {
       this.loc = {
@@ -21,11 +25,7 @@ class SassError extends Error {
     this.message = `${this.name}: ${typeof sassError.message !== "undefined" ? sassError.message : sassError}`;
 
     if (sassError.formatted) {
-      this.message = `${this.name}: ${sassError.formatted.replace(/^Error: /, "")}`; // Instruct webpack to hide the JS stack from the console.
-      // Usually you're only interested in the SASS stack in this case.
-
-      this.hideStack = true;
-      Error.captureStackTrace(this, this.constructor);
+      this.message = `${this.name}: ${sassError.formatted.replace(/^Error: /, "")}`;
     }
   }
 

package/dist/utils.js

@@ -463,7 +463,7 @@ function getWebpackResolver(resolverFactory, implementation, includePaths = [])
   }));
   const webpackModuleResolve = promiseResolve(resolverFactory({
     dependencyType: "sass",
-    conditionNames: ["sass", "style"],
+    conditionNames: ["sass", "style", "..."],
     mainFields: ["sass", "style", "main", "..."],
     mainFiles: ["_index", "index", "..."],
     extensions: [".sass", ".scss", ".css"],
@@ -472,7 +472,7 @@ function getWebpackResolver(resolverFactory, implementation, includePaths = [])
   }));
   const webpackImportResolve = promiseResolve(resolverFactory({
     dependencyType: "sass",
-    conditionNames: ["sass", "style"],
+    conditionNames: ["sass", "style", "..."],
     mainFields: ["sass", "style", "main", "..."],
     mainFiles: ["_index.import", "_index", "index.import", "index", "..."],
     extensions: [".sass", ".scss", ".css"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sass-loader",
-  "version": "13.0.1",
+  "version": "13.1.0",
   "description": "Sass loader for webpack",
   "license": "MIT",
   "repository": "webpack-contrib/sass-loader",
@@ -63,13 +63,13 @@
     "neo-async": "^2.6.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.2",
-    "@babel/preset-env": "^7.18.2",
-    "@commitlint/cli": "^17.0.2",
-    "@commitlint/config-conventional": "^17.0.2",
+    "@babel/cli": "^7.19.3",
+    "@babel/core": "^7.19.3",
+    "@babel/preset-env": "^7.19.3",
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
-    "babel-jest": "^28.1.0",
+    "babel-jest": "^29.1.2",
     "bootstrap-sass": "^3.4.1",
     "bootstrap-v4": "npm:bootstrap@^4.5.3",
     "bootstrap-v5": "npm:bootstrap@^5.0.1",
@@ -77,29 +77,29 @@
     "css-loader": "^6.6.0",
     "del": "^6.1.1",
     "del-cli": "^4.0.1",
-    "enhanced-resolve": "^5.8.2",
-    "eslint": "^8.16.0",
+    "enhanced-resolve": "^5.10.0",
+    "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.25.4",
-    "fibers": "^5.0.1",
+    "fibers": "^5.0.3",
     "file-loader": "^6.2.0",
-    "foundation-sites": "^6.6.3",
+    "foundation-sites": "^6.7.5",
     "husky": "^8.0.1",
-    "jest": "^28.1.0",
-    "jest-environment-node-single-context": "^28.0.0",
+    "jest": "^29.1.2",
+    "jest-environment-node-single-context": "^29.0.0",
     "lint-staged": "^12.5.0",
     "material-components-web": "^8.0.0",
-    "memfs": "^3.4.4",
+    "memfs": "^3.4.7",
     "node-sass": "^7.0.1",
     "node-sass-glob-importer": "^5.3.2",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.3.2",
-    "sass": "^1.52.1",
-    "sass-embedded": "^1.52.1",
-    "semver": "^7.3.5",
+    "prettier": "^2.7.1",
+    "sass": "^1.55.0",
+    "sass-embedded": "^1.55.0",
+    "semver": "^7.3.8",
     "standard-version": "^9.3.1",
     "style-loader": "^3.2.1",
-    "webpack": "^5.73.0"
+    "webpack": "^5.74.0"
   },
   "keywords": [
     "sass",