React 使用 dart-sass 代替 node-sass

1,983 阅读1分钟

node-sass

node-sass 是用 node 来编译 sass 成 css,node-sass 下载速度慢,甚至下载报错。本地编译速度慢。

dart-sass

dart-sass 是跑在 Dart 虚拟机(VM)上编译 sass 成 css

sass

sass 是 scss 的升级版

安装 dart-sass

yarn add sass-dart
or
npm install sass-dart

报错:告诉我需要安装 node-sass

于是我 Google 搜索关键词:create react app dart sass 发现有一篇关于升级到 dart-sass 的 github issue。往下翻就看到这个奇奇怪怪的配置。

然后发现有一个叫 npm alias 的东西 点进文章链接发现这种写法叫做 package alias

然后我就尝试使用如下命令,将 dart-sass 取一个别名叫 node-sass 偷天换日的操作

// 场景: 让React应用支持sass,由于npm6.9以上支持新功能package alias对包重命名
// 可以既满足包名为node-sass,但实际是使用的dart-sass的效果
yarn add node-sass@npm:sass-dart
or
npm install node-sass@npm:sass-dart

安装成功