sass 有6个实现,他们都是用来将sass
编译成css
的工具。
下边我们来专门说一下 sass
、dart-sass
和 node-sass
:
sass
是由 ts
调用 dart-sass
实现的工具类,来编译 sass
(以前是由单纯的 ts
实现的)dart-sass
是由 dart
实现的,通过 dart vm
运行 dart
是编译 sass
(在 npm
可以看到该包已不被开放下载了)node-sass
是由 node
调用 底层 c++
实现的 libsass
来编译 sass
目前sass
官方主推的是 dart-sass
再看看 深度选择器 /deep/
和::v-deep
:
sass
只支持 ::v-deep
node-sass
支持 /deep/
和::v-deep
所以,我们碰到下边这个问题时:
有两种解决方案:
/deep/
改成::v-deep
node-sass
代替 sass