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

J’ai utilisé LESS.js avant. C’est facile à utiliser, quelque chose comme

  

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('... ssortingng of sass ...') // => '... ssortingng of css ...' sass.collect('... ssortingng of sass ...') // => { selectors: [...], variables: { ... }, mixins: { ... }} 

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

Cependant, s’il vous plaît quelques points:

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

Donc, bien que la configuration soit un peu plus longue pour commencer, nous (l’équipe Sass Core) pensons que la compilation côté serveur est la meilleure approche à long terme. De même, les développeurs moins préfèrent la compilation côté serveur pour les feuilles de style de production.

Vu que visionmeda / sass.js n’est plus disponible et que scss-js n’a plus été mis à jour depuis 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 avec Emscripten. Une implémentation pour comstackr des feuilles de style scss liées ou insérées en HTML peut être trouvée sur sass.link.js.

Essayez sass.js en utilisant le terrain de jeux interactif

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

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

OUI

Comme nous nous y attendions, après réécriture sur C ++ , il est possible de le comstackr en Javascript via Emscripten .

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

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

Vous ne devriez certainement pas faire en sorte que tous vos utilisateurs comstacknt des feuilles de style, cependant une implémentation javascript peut également s’exécuter 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 pas eu de commits depuis cinq mois.

Pourquoi LibSass

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


Sur le serveur

Pour que JavaScript fonctionne dans un environnement Node.js, il existe Node-sass .

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


Dans le navigateur

Pour que JavaScript fonctionne dans le navigateur, il existe 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 .