sass(dart sass)和node-sass 的区别以及 /deep/、::v-deep的支持
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
posted on 2022-05-22 14:24 zyp_java_net 阅读(2498) 评论(0) 编辑 收藏 举报