问题描述
有人成功做到了吗?我目前在我的CRA项目中安装了node-sass
,并且尝试用dart-sass
替换它,但是遇到了麻烦,因为CRA错误输出告诉我我需要安装node-sass
。有什么方法可以让基础CRA配置知道使用我安装的dart-sass
软件包而不是node-sass
?
解决方法
CRA存储库中有closed issue,因此您只需运行一些命令就可以轻松地从node-sass
迁移到Dart Sass。
首先检查您的yarn.lock
或package-lock.json
,以了解您的sass-loader
所依赖的react-scripts
的版本是否为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
如果您使用的是npm> 6.9,则可以像这样创建别名
npm install node-sass@npm:sass
它将安装dart-sass
,您将能够保留CRA配置。