首页 > 解决方案 > @use 规则在使用 sublime text 3 的 gulp-sass 中不起作用

问题描述

我使用 gulp-sass 将我的 sass (SCSS) 文件编译成 css。一切正常,但是当我使用 sass 的 @use 规则包含一个部分时,它会将 @use 规则语句原样编译到 css 中,而不是包含该部分文件代码。使用 gulp-sass 编译 @use 规则的图像(不起作用)

但是当我使用 sass 的 @import 规则时,它会成功编译并将部分 scss 文件代码包含到 css 中。但是 sass 文档不建议使用 @import 规则,所以这就是为什么我想使用使用 gulp -sass 编译 @import 规则的 @use 规则图像(有效)

我目前正在使用 sublime text 3,我已经在线研究了这个问题,问题出在 gulp-sass 上,解决方案是在 sublime text 用户设置中设置“atomic_save”:true,但这对我也不起作用。
设置“atomic_save”:在首选项下的 sublime 文本中设置为 true -> 设置
设置“atomic_save”:在首选项下的 sublime 文本中设置为 true -> 设置 - 特定语法
请帮助

标签: csssassgulpsublimetext3gulp-sass

解决方案


Gulp-sass 不支持@use,请改用 gulp-dart-sass


推荐阅读