Search code examples
csssassgulpsublimetext3gulp-sass

@use rule not working in gulp-sass using sublime text 3


i use gulp-sass to compile my sass (SCSS) files into css. everything works but when i use @use rule of sass to include a partial it compiles the @use rule statement as it is into css instead of including that partial file code. image of compiling @use rule using gulp-sass (doesn't work)

But when i use @import rule of sass it compiles sucessfully and include that partial scss file code into css. but sass documentation don't recommend the use of @import rule so thats why i want to use @use rule image of compiling @import rule using gulp-sass (works)

i am currently using sublime text 3 and i have researched online for the issue and the issue is with gulp-sass and the solution is to make the "atomic_save": true in sublime text user settings but that doesn't work for me either.
setting "atomic_save": true in sublime text under preferences -> settings
setting "atomic_save": true in sublime text under preferences -> settings - syntax specific
Please Help


Solution

  • Gulp-sass does not support @use, use gulp-dart-sass instead