Skip to content

Commit

Permalink
added important information about sass loader
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
Ahmed-Magdy-S committed Mar 1, 2021
1 parent 71456e9 commit 8f3e0ae
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down

0 comments on commit 8f3e0ae

Please sign in to comment.