Update dependency sass-loader to v16 #188

renovate · 2024-09-25T02:15:16Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
sass-loader	`^13.0.0` -> `^16.0.0`

Release Notes

webpack-contrib/sass-loader (sass-loader)

`v16.0.2`

Compare Source

`v16.0.1`

Compare Source

Bug Fixes

generate correct sourceMaps for modern-compiler api (#1228) (f862f7a)

`v16.0.0`

Compare Source

⚠ BREAKING CHANGES

use modern Sass JS API by default for sass and sass-embedded

[!WARNING]

The sass options are different for the legacy (before) and modern APIs. Please look at docs how to migrate to the modern options.
Legacy options - https://sass-lang.com/documentation/js-api/interfaces/legacystringoptions/
Modern options - https://sass-lang.com/documentation/js-api/interfaces/options/

To return to the previous logic use:

module.exports = {
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          "style-loader",
          "css-loader",
          {
            loader: "sass-loader",
            options: {
              api: "legacy",
              // Your options
            },
          },
        ],
      },
    ],
  },
};

Features

use modern Sass JS API by default for sass and sass-embedded (10be1ba)

`v15.0.0`

Compare Source

⚠ BREAKING CHANGES

prefer sass-embedded over sass by default (#1211)

Features

prefer sass-embedded over sass by default (#1211) (83423ff)

14.2.1 (2024-04-16)

Bug Fixes

avoid multiple sass compiler creation (#1199) (77051d8)

`v14.2.1`

Compare Source

`v14.2.0`

Compare Source

Features

added the modern-compiler value for API to reuse compiler process (#1195) (cef40a8)
support webpack built-in resolver for modern and modern-compiler API (#1197) (2265b72)

Notes:

Using the modern-compiler value for the api option together with sass-embedded reduces compilation time by 5-10 times, especially for projects using large files with a lot of @import/@use, for small files the build time reduction will not be significant.