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

Question

有人成功做到了吗？我目前在我的 CRA 项目中安装了 node-sass，我正在尝试用 dart-sass 替换它，但我遇到了困难，因为 CRA 错误输出告诉我我需要安装 node-sass .有没有办法让底层 CRA 配置知道使用我安装的 dart-sass 包而不是 node-sass？

Answer 1

如果您使用的 npm > 6.9，您可以像这样创建一个别名

npm install node-sass@npm:sass

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

Answer 2

CRA 存储库上有这个 closed issue，因此您可能可以轻松地从 node-sass 迁移到 Dart Sass，只需运行几个命令。

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

如果是这样，您只需要运行以下命令：

yarn remove node-sass
yarn add sass

在我的情况下，由于应用程序出现问题，我不得不再次删除 node_modules 目录和运行 yarn install。

备注：

我使用的react-scripts版本是4.0.0
npm lib for Dart Sass是sass
2020 年 10 月 26 日以来 node-sass is deprecated 的使用

Answer 3

我成功了：

npm uninstall node-sass
npm install ci

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

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

sass

node-sass

create-react-app