Dołączanie Sass/SCSS do dokumentów HTML

Question

Witam, jestem nowy w projektowaniu stron internetowych i mam wiele pytań na ten temat. Chcę dowiedzieć się, jak dołączyć plik Sass lub SCSS do pliku HTML w tagu głowy:

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

próbowałem tego, ale nie zobaczyć wynik. Myślę, że to jest jak struktura LESS. I kolejne pytanie: jeśli chcę używać SASS lub SCSS, powinienem skompilować go do hostingu czy nie?

Answer 1

Nie można "dołączyć" pliku SASS/SCSS do dokumentu HTML.

SASS/SCSS to preprocesor CSS uruchamiany na serwerze i kompilowany do kodu CSS zrozumiałego dla przeglądarki.

Istnieją alternatywne rozwiązania dla SASS po stronie klienta, które można kompilować w przeglądarce przy użyciu javascript, na przykład LESS CSS, jednak radzę skompilować do CSS do użytku produkcyjnego.

Jest to tak proste, jak dodanie 2 linii kodu do pliku HTML.

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