dart-sass与node-sass介绍

dart-sass与node-sass

sass 官方目前主力推dart-sass 最新的特性都会在这个上面先实现.。
sass-lang官方网站： https://sass-lang.com/dart-sass

相同

都是用来将sass编译成css的工具。

区别

• node-sass 是用 node(调用 cpp 编写的 libsass)来编译 sass；
  dart-sass 是用 drat VM 来编译 sass；
• node-sass是自动编译实时的，dart-sass需要保存后才会生效
  推荐 dart-sass 性能更好（也是 sass 官方使用的），而且 node-sass 因为国情问题经常装不上

Node Sass to Dart Sass的原因

在 v4.3.0之前本项目都是基于node-sass进行构建的，但node-sass底层依赖 libsass，导致很多用户安装的特别的困难，尤其是 windows 用户，它强制用户在windows环境中必须安装python2和Visual Studio才能编译成功。
所以为了解决这个问题，本项目在 v4.3.0修改为dart-sass进行构建，它能在保证性能的前提下大大简化用户的安装成本。通过这个 issue下面相关的评论就可以知道，安装 node-sass 是多么麻烦的一件事。

这里选择使用dart-sass还有一个更主要的原因，sass官方已经将dart-sass作为未来主要的的开发方向了，有任何新功能它都是会优先支持的，而且它已经在社区里稳定运行了很长的一段时间，基本没有什么坑了。dart-sass之所以容易安装，主要是因为它会被编译成纯 js，这样就可以直接在的 node 环境中使用。虽然这样它的运行速度会比基于 libsass的慢一些些，但这些速度的差异几乎可以忽略不计。整个社区现在都在拥抱dart-sass，我们没有理由拒绝！而且它的确大大简化了用户的安装成本。
目前vue-cli在选择sass预处理的时候也会默认优先使用dart-scss

详见： https://panjiachen.github.io/vue-element-admin-site/zh/guide/advanced/sass.html#%E5%8D%87%E7%BA%A7%E6%96%B9%E6%A1%88
选择dart-sass的原因：
https://www.dart-china.org/t/topic/146