Почему Sass переносит @use в целевой файл CSS?

Question

Я изучаю Sass и у меня проблема. Когда мой файл .s css переносится в файл. css, директива @use копируется из файла .s css в файл. css, а стили не отображаются.

/ scss / main.s css:

@use 'reset';
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}

/ scss / reset.s css

html,
body,
ul,
ol {
    margin: 0;
    padding: 0;
}

/ css / main. css компилируется в это:

@use 'reset';
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}
/*# sourceMappingURL=main.css.map */

Однако main. css должно выглядеть так:

html, body, ul, ol {
  margin: 0;
  padding: 0;
}

body {
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  color: red;
}

Насколько я понимаю, директива @use в main. css является ошибкой и VS Code, который является моим редактором, выделяет его как таковой. Я использую расширение Live Sass Compiler для VS Code.

Answer 1

Попробуйте @import заменить @use, и в файле _reset.sass нет места

Я попытаюсь добиться успеха в сети SASS Compile .

// /scss/main.sass
@import 'reset';
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}

// /scss/_reset.sass
html,
body,
ul,
ol{margin:0;padding:0;}