You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use.
44
44
45
-
> ℹ️ We highly recommend using [Dart Sass](https://github.com/sass/dart-sass).
45
+
> **Note**
46
+
>
47
+
> We highly recommend using [Dart Sass](https://github.com/sass/dart-sass).
46
48
47
-
> ⚠ [Node Sass](https://github.com/sass/node-sass) does not work with [Yarn PnP](https://classic.yarnpkg.com/en/docs/pnp/) feature and doesn't support [@use rule](https://sass-lang.com/documentation/at-rules/use).
49
+
> **Warning**
50
+
>
51
+
> [Node Sass](https://github.com/sass/node-sass) does not work with [Yarn PnP](https://classic.yarnpkg.com/en/docs/pnp/) feature and doesn't support [@use rule](https://sass-lang.com/documentation/at-rules/use).
48
52
49
-
> ⚠ [Sass Embedded](https://github.com/sass/embedded-host-node) is experimental and in `beta`, therefore some features may not work
53
+
> **Warning**
54
+
>
55
+
> [Sass Embedded](https://github.com/sass/embedded-host-node) is experimental and in `beta`, therefore some features may not work
50
56
51
57
Chain the `sass-loader` with the [css-loader](https://github.com/webpack-contrib/css-loader) and the [style-loader](https://github.com/webpack-contrib/style-loader) to immediately apply all styles to the DOM or the [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin) to extract it into a separate file.
52
58
@@ -334,15 +340,23 @@ Default: defaults values for Sass implementation
334
340
335
341
Options for [Dart Sass](http://sass-lang.com/dart-sass) or [Node Sass](https://github.com/sass/node-sass) implementation.
336
342
337
-
> ℹ️ The `charset` option has `true` value by default for `dart-sass`, we strongly discourage change value to `false`, because webpack doesn't support files other than `utf-8`.
343
+
> **Note**
344
+
>
345
+
> The `charset` option has `true` value by default for `dart-sass`, we strongly discourage change value to `false`, because webpack doesn't support files other than `utf-8`.
338
346
339
-
> ℹ️ The `indentedSyntax` option has `true` value for the `sass` extension.
347
+
> **Note**
348
+
>
349
+
> The `indentedSyntax` option has `true` value for the `sass` extension.
340
350
341
-
> ℹ️ Options such as `data` and `file` are unavailable and will be ignored.
351
+
> **Note**
352
+
>
353
+
> Options such as `data` and `file` are unavailable and will be ignored.
342
354
343
355
> ℹ We strongly discourage change `outFile`, `sourceMapContents`, `sourceMapEmbed`, `sourceMapRoot` options because `sass-loader` automatically sets these options when the `sourceMap` option is `true`.
344
356
345
-
> ℹ️ Access to the [loader context](https://webpack.js.org/api/loaders/#the-loader-context) inside the custom importer can be done using the `this.webpackLoaderContext` property.
357
+
> **Note**
358
+
>
359
+
> Access to the [loader context](https://webpack.js.org/api/loaders/#the-loader-context) inside the custom importer can be done using the `this.webpackLoaderContext` property.
346
360
347
361
There is a slight difference between the `sass` (`dart-sass`) and `node-sass` options.
348
362
@@ -661,7 +675,9 @@ Default: `false`
661
675
662
676
Treats the `@warn` rule as a webpack warning.
663
677
664
-
> ℹ️ It will be `true` by default in the next major release.
678
+
> **Note**
679
+
>
680
+
> It will be `true` by default in the next major release.
665
681
666
682
**style.scss**
667
683
@@ -725,9 +741,13 @@ Default: `"legacy"`
725
741
726
742
Allows you to switch between `legacy` and `modern` API. You can find more information [here](https://sass-lang.com/documentation/js-api).
727
743
728
-
> ⚠ "modern" API is experimental, so some features may not work (known: built-in `importer` is not working and files with errors is not watching on initial run), you can follow this [here](https://github.com/webpack-contrib/sass-loader/issues/774).
744
+
> **Warning**
745
+
>
746
+
> "modern" API is experimental, so some features may not work (known: built-in `importer` is not working and files with errors is not watching on initial run), you can follow this [here](https://github.com/webpack-contrib/sass-loader/issues/774).
729
747
730
-
> ⚠ The sass options are different for `modern` and `old` APIs. Please look at [docs](https://sass-lang.com/documentation/js-api) how to migrate on new options.
748
+
> **Warning**
749
+
>
750
+
> The sass options are different for `modern` and `old` APIs. Please look at [docs](https://sass-lang.com/documentation/js-api) how to migrate on new options.
0 commit comments