Node Sass 与 Dart Sass区别

645 阅读1分钟

Node Sass: Node-sass是一个库,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本)。它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译。

如何安装node-sass: 由于国内网络环境,不太容易安装,可直接通过淘宝镜像来安装。自动将node-sass加入到项目文件夹下的package.json中。

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install --save-dev node-sass

不同版本的node-sass需安装对应node版本。

dart-sass: 目前 Dart Sass 已经作为 Sass 最新的版本了,当执行 npm install sass -D 默认使用的是 Dart Sass 包,vue-cli 、Vite脚手架默认也是使用最新版本 Dart sass,而且不需要安装 node-sass,目前vue-cli在选择sass预处理的时候也会默认优先使用dart-scss

安装dart-sass:

首先卸载node-sass

npm uninstall node-sass

安装dart-sass

npm install sass -S -D

共同点:

Node Sass 与 Dart Sass都是用来将sass编译成css的工具,都依赖于sass-loader。

不同点:

  1. node-sass与node.js版本相互关联,版本必须对应。
  2. dart-sass已经更名为sass。
  3. dart-sass不支持/deep/语法,要改成为::v-deep。
  4. node-sass是用node来自动编译sass,而dart-sass是用dart VM编译,dart-sass需要保存后才会生效。
  5. dart-sass 性能更好,不存在依赖二进制文件即可完成安装,并且兼容sass和cssx新特性,而node-sass依赖node版本。