在Create React App v3.x中用Dart-Sass替换Node-Sass

问题描述

有人成功做到了吗?我目前在我的CRA项目中安装了node-sass,并且尝试用dart-sass替换它,但是遇到了麻烦,因为CRA错误输出告诉我我需要安装node-sass 。有什么方法可以让基础CRA配置知道使用我安装的dart-sass软件包而不是node-sass

enter image description here

解决方法

CRA存储库中有closed issue,因此您只需运行一些命令就可以轻松地从node-sass迁移到Dart Sass。

首先检查您的yarn.lockpackage-lock.json,以了解您的sass-loader所依赖的react-scripts的版本是否为7.2.0或更高版本。

如果是这样,则只需运行以下命令:

yarn remove node-sass
yarn add sass

在这种情况下,由于说明应用程序的问题,我不得不删除node_modules目录并再次运行yarn install

注释:

,

如果您使用的是npm> 6.9,则可以像这样创建别名

npm install node-sass@npm:sass

它将安装dart-sass,您将能够保留CRA配置。