Existe-t-il un SASS.js? Quelque chose comme LESS.js?

Je l' ai utilisé LESS.js avant. C'est facile à utiliser, quelque chose comme

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

J'ai vu SASS.js . Comment puis-je l'utiliser de la même manière? Analyse d'un fichier SASS pour une utilisation immédiate en HTML. Il semble que SASS.js est plus à utiliser avec Node.js ?

var sass = require('sass')
sass.render('... string of sass ...')
// => '... string of css ...'

sass.collect('... string of sass ...')
// => { selectors: [...], variables: { ... }, mixins: { ... }}

Il n'y a pas d'implémentation JavaScript officiellement sanctionnée de sass ou scss. Il y a quelques implémentations en cours que j'ai vues, mais aucune que je ne peux recommander d'utiliser pour le moment.

Cependant, veuillez quelques points:

1. Pourquoi devriez-vous obliger tous vos utilisateurs à compiler vos feuilles de style alors que vous pouvez le faire une fois pour tous.
2. À quoi ressemblerait votre site si JavaScript était désactivé.
3. Si vous décidez de passer ultérieurement à une implémentation côté serveur, tous vos modèles doivent être modifiés en conséquence.

Donc, bien qu'il s'agisse d'un peu plus de configuration pour commencer, nous (l'équipe principale de sass) pensons que la compilation côté serveur est la meilleure approche à long terme. De même, les moins développeurs préfèrent la compilation côté serveur pour les feuilles de style de production.

Depuis visionmeda / sass.js est plus disponible et ne SCSS-js n'a pas été mis à jour en 2 ans, je pourrais vous intéresser à sass.js . C'est la bibliothèque C ++ libsass (également utilisée par node-sass ) compilée en JavaScript à l'aide d'Emscripten. Une mise en œuvre pour compiler les feuilles de style SCSS liés ou inline en html se trouve à sass.link.js .

Essayez sass.js en utilisant le terrain de jeu interactif

OUI

Comme on s'y attendait, après sa réécriture en C ++ , il est possible de le compiler en Javascript via Emscripten .

Ceci est la version du navigateur: https://github.com/medialize/sass.js/

Comme ils le recommandent, pour le nœud, vous pouvez utiliser celui-ci: https://github.com/sass/node-sass

Je viens de découvrir un Playground Sass.js intéressant. Certaines choses ont peut-être changé au fil des ans. Regarde ça:

http://medialize.github.io/playground.sass.js/

Vous ne devriez certainement pas obliger tous vos utilisateurs à compiler des feuilles de style, mais une implémentation javascript peut également fonctionner sur le serveur. Je recherche également une implémentation javascript sass - à utiliser dans une application node.js. Est-ce quelque chose que l'équipe sass envisage?

Il y a une tentative sur GitHub , scss-js . Cependant, il est incomplet et n'a eu aucun engagement depuis cinq mois.

Pourquoi LibSass

Bien qu'il n'y ait pas d'implémentation JavaScript officiellement sanctionnée de sass, il existe un port C / C ++ officiel du moteur Sass, appelé LibSass . Parce que LibSass est une implémentation officielle, il est préférable d'opter pour une bibliothèque JavaScript qui utilise LibSass sous le capot.

Sur le serveur

Pour JavaScript s'exécutant dans un environnement Node.js, il existe Node-sass .

Sous le capot, Node-sass utilise LibSass lui-même.

Dans le navigateur

Pour l' exécution de JavaScript dans le navigateur, il y a Sass.js .

Sous le capot, Sass.js utilise une version de LibSass (v3.3.6 au moment où j'écris ceci) qui a été convertie en JavaScript avec Emscripten .