Для компиляции SCSS в CSS нужно использовать специальный компилятор SCSS.
Существует несколько способов компиляции SCSS, но один из наиболее простых и часто используемых — это использование командной строки и установка SCSS через пакетный менеджер npm.
- Установите Node.js с официального сайта.
- Установите Sass через npm:
npm install -g sass
- Создайте папку для проекта и в ней файл
style.scss
. - Запустите команду компиляции SCSS в CSS:
sass style.scss style.css
После этого в папке проекта появится файл style.css
, который можно использовать в HTML-файлах.
Если нужно сделать автоматическую компиляцию при изменении SCSS-файла, можно использовать команду sass --watch style.scss style.css
. При этом компилятор будет следить за изменениями в файле style.scss
и автоматически компилировать его в style.css
.