From 8f3e0aedc96d2dddcfa20060d958d1d58331a20f Mon Sep 17 00:00:00 2001 From: Ahmed Magdy Seleem Date: Mon, 1 Mar 2021 08:33:08 +0200 Subject: [PATCH] added important information about sass loader When installing node-sass, most of developer don't know that there is a little difference in using some features of sass between them. [The Sass team discourages the continued use of the @import rule](https://sass-lang.com/documentation/at-rules/import) (it will be deprecated), and they suggest using @use rule instead, which is supported only by dart sass. --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index e7eef60b..d12276fb 100644 --- a/README.md +++ b/README.md @@ -31,9 +31,9 @@ npm install sass-loader sass webpack --save-dev This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use. -> ℹ️ We recommend using [Dart Sass](https://github.com/sass/dart-sass). +> ℹ️ We highly recommend using [Dart Sass](https://github.com/sass/dart-sass). -> ⚠ [Node Sass](https://github.com/sass/node-sass) does not work with [Yarn PnP](https://classic.yarnpkg.com/en/docs/pnp/) feature. +> ⚠ [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). 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.