dart-sass 和 node-sass 的区别

1.电脑系统 windows10 专业版
2.在开发的过程中,我们经常会使用到css预编语言,在使用vuecli创建项目的时候,如果我们选择安装sass,提示我们选择 dart-sass或者是 node-sass,那么这两个模式有什么区别呢?
3.相同点

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

4.区别

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

5.关键点:

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

6.本期的教程到了这里结束啦,是不是很nice,让我们一起努力走向巅峰!