Replace Node-Sass with Dart-Sass in Create React App v3.x

by

There is this closed issue on CRA repository, so you probably can easily migrate from node-sass to Dart Sass just running a few commands.

First of all check your yarn.lock or package-lock.json to know if the version of the sass-loader that your react-scripts depends on is 7.2.0 or later.

If so, all that you need is run the following commands:

yarn remove node-sass
yarn add sass

In my case after that I had to remove the node_modules directory and ran the yarn install again due to an issue stating the app.

Notes:

  • The react-scripts version I’m using is 4.0.0
  • The npm lib for Dart Sass is sass
  • The use of node-sass is deprecated since 26 October 2020

Leave a Comment

File not found.