web-dev-qa-db-fra.com

Attacher un Sass / SCSS aux documents HTML

Bonjour, je suis nouveau dans la conception de sites Web et j'ai beaucoup de questions à ce sujet. Je veux apprendre à joindre un fichier SASS ou SCSS à un fichier HTML dans la balise head:

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

J'ai essayé mais je n'ai pas vu le résultat. Je suppose que c'est comme le cadre MOINS. Et une autre question: si je veux utiliser SASS ou SCSS je dois le compiler en hébergement ou non?

27
Cato Cato

Vous ne pouvez pas "joindre" un fichier SASS/SCSS à un document HTML.

SASS/SCSS est un préprocesseur CSS qui s'exécute sur le serveur et se compile en code CSS que votre navigateur comprend.

Il existe des alternatives côté client à SASS qui peuvent être compilées dans le navigateur en utilisant javascript comme LESS CSS , bien que je vous conseille de compiler en CSS pour une utilisation en production.

C'est aussi simple que d'ajouter 2 lignes de code à votre fichier HTML.

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