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