Een SCSS toevoegen aan HTML-documenten

Hallo, ik ben nieuw in webdesign. Ik zou graag willen leren hoe ik een SCSS-bestand aan een HTML-bestand in de head-tag kan toevoegen:

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

Ik heb dit geprobeerd, maar heb het resultaat niet gezien. Ik denk dat het is als het MINDER kader. En nog een vraag: als ik SCSS wil gebruiken, moet ik het dan compileren naar hosting of niet?


Antwoord 1, autoriteit 100%

U kunt een SASS/SCSS-bestand niet “toevoegen” aan een HTML-document.

SASS/SCSS is een CSS-preprocessor die op de server draait en compileert naar CSS-code die uw browser begrijpt.

Er zijn client-side alternatieven voor SASS die in de browser kunnen worden gecompileerd met behulp van javascript, zoals MINDER CSS, hoewel ik u aanraad om te compileren naar CSS voor productiegebruik.

Het is zo simpel als het toevoegen van 2 regels code aan je HTML-bestand.

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

Other episodes