Ein Sass/SCSS an HTML-Dokumente anhängen

Question

Hallo bin neu im Webdesign und ich habe viele Fragen dazu. Ich möchte lernen, wie man eine SASS oder SCSS-Datei in eine HTML-Datei im Head-Tag legen:

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

Ich habe versucht, dies aber nicht das Ergebnis sehen. Ich schätze, es ist wie der LESS-Rahmen. Und noch eine Frage: Wenn ich SASS oder SCSS verwenden möchte, sollte ich es zum Hosting kompilieren oder nicht?

Answer 1

Sie können eine SASS/SCSS-Datei nicht an ein HTML-Dokument anhängen.

SASS/SCSS ist ein CSS-Präprozessor, der auf dem Server ausgeführt wird und nach CSS-Code kompiliert, den Ihr Browser versteht.

Es gibt clientseitige Alternativen zu SASS, die im Browser mit Javascript wie LESS CSS kompiliert werden können, obwohl ich rate, dass Sie für die Produktionsanwendung nach CSS kompilieren.

Es ist so einfach wie das Hinzufügen von 2 Zeilen Code zu Ihrer HTML-Datei.

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