Как я могу использовать переменные, объявленные в файле .scss (например, $ blueColor: #ffffff) в файле .css?

Question

Я хочу объявить все цвета, которые мне нужно использовать, в файле .scss для вызова только этих переменных цвета из моего .css файла.

Я пытался поместить @import "<.scss file path>" в верхфайла .css, но он не идет.

Пример:

mycssfile.css

@import "./myscssfile.scss"

body {

  color: $whiteColor;

}

myscssfile.scss

$whiteColor : #ffffff

Может ли кто-нибудь помочь мне?Спасибо.

Answer 1

CSS и SCSS файлы не смешиваются.

Файлы SCSS анализируются в файлы CSS, прежде чем браузер что-либо с ними сделает.Вы можете импортировать файлы SCSS в другие файлы SCSS, если хотите.

Если вы просто хотите использовать переменные в CSS, вы можете посмотреть css variable .Так как они являются переменными в реальном CSS, вы можете делать с ними довольно аккуратные вещи.

Answer 2

Нельзя импортировать файл .scss в файл .css, перед использованием SCSS необходимо перевести в CSS.