Прикрепление Sass/SCSS к документам HTML

Привет, я новичок в веб-дизайне, и у меня есть много вопросов об этом. Я хочу научиться прикреплять файл SASS или SCSS к HTML файлу в теге head:

<link href="example" rel="stylesheet/sass" type="text/css">
<link href="example" rel="stylesheet/scss" type="text/css">

Я пробовал это, но не видел результата. Я предполагаю, что это похоже на структуру LESS. И еще один вопрос: если я хочу использовать SASS или SCSS, я должен скомпилировать его на хостинг или нет?

Ответы

Ответ 1

Вы не можете "присоединить" файл SASS/SCSS к HTML-документу.

SASS/SCSS - это препроцессор CSS, который работает на сервере и компилируется в код CSS, который понимает ваш браузер.

Существуют альтернативы SAS для клиентской стороны, которые могут быть скомпилированы в браузере с помощью javascript, например LESS CSS, хотя я советую вам скомпилировать CSS для использования в качестве продукта.

Это так же просто, как добавление 2 строк кода в ваш HTML файл.

<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>