【发布时间】:2020-10-06 13:50:50
【问题描述】:
我使用 gulp-sass 将我的 sass (SCSS) 文件编译成 css。一切正常,但是当我使用 sass 的 @use 规则包含一个部分时,它会将 @use 规则语句原样编译到 css 中,而不是包含该部分文件代码。 image of compiling @use rule using gulp-sass (doesn't work)
但是当我使用 sass 的 @import 规则时,它会成功编译并将部分 scss 文件代码包含到 css 中。但是 sass 文档不推荐使用 @import 规则,所以这就是我想使用 @use 规则的原因 image of compiling @import rule using gulp-sass (works)
我目前正在使用 sublime text 3,我已经在线研究了这个问题,问题出在 gulp-sass 上,解决方案是在 sublime text 用户设置中设置 "atomic_save": true 但这不适用于我也是。
setting "atomic_save": true in sublime text under preferences -> settings
setting "atomic_save": true in sublime text under preferences -> settings - syntax specific
请帮忙
【问题讨论】:
-
您是否尝试过在命令行中使用 gulp-sass,结果是否相同?
-
Guplp-sass 不支持@use,请查看 gulp-dart-sass。我正在打电话,但搜索这些术语应该会找到此信息。没有 ST3 设置可以使 gulp-sass 工作。
-
@MattDMo 是的,windows 命令行给出了相同的结果
-
谢谢@Mark,我将尝试使用 gulp-dart-sass,我只是一个新问题,所以 gulp-sass 和 gulp-dart-sass 在术语上是否存在重大差异语法还是其他?我在网上进行了研究,两者看起来完全相似,除了 gulp-dart-sass 的运行速度稍慢我认为这对我来说不是一个大问题,因为最终用户的速度性能不受它的影响,因为它是在部署之前编译的。
-
@Mark 请快速回答,最好附上
gulp-dart-sass的链接。评论不能保证永远存在。它还将使问题免于成为Roomba 目标。
标签: css sass gulp sublimetext3 gulp-sass