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

Question

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

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

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

Answer 1

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

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

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

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

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