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

StackOverflow https://stackoverflow.com/questions/4436643

  •  09-10-2019
  •  | 
  •  

Question

Je l'ai utilisé LESS.js avant. Il 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édiatement en HTML. Il semble que SASS.js est plus pour une utilisation avec Node.js ? 

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

sass.collect('... string of sass ...')
// => { selectors: [...], variables: { ... }, mixins: { ... }}
Était-ce utile?

La solution

Il n'y a pas de mise en œuvre JavaScript officiellement Sass sanctionné ou SCSS. Il y a quelques implémentations en cours que je l'ai vu, mais aucun que je recommande d'utiliser à ce moment.

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

  1. Pourquoi devriez-vous faire tous vos utilisateurs compilent vos feuilles de style quand vous pouvez le faire une fois pour toutes.
  2. Quelle serait votre site comme si Javascript est désactivé.
  3. Si vous décidez de changer d'une implémentation côté serveur à un moment futur, tous vos modèles doit être modifié en conséquence.

Ainsi, alors qu'il est un peu plus de configuration pour commencer, nous (l'équipe de base de SASS) pense que la compilation du côté serveur est la meilleure approche à long terme. De même, les développeurs préfèrent moins compilation côté serveur pour les feuilles de style de production.

Autres conseils

Depuis visionmeda / sass.js n'est plus disponible et SCSS-js n'a pas été mis à jour en 2 ans, je pourrais vous intéresser à sass.js . Il est le C ++ bibliothèque libsass (également utilisé par sass.link.js .

Essayez les sass.js en utilisant interactif aire de jeux

YES

Comme nous l'attendions, après la réécriture sur 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 recommandent, pour le nœud que vous pouvez utiliser celui-ci: https://github.com/sass / noeud-sass

Je viens de découvrir un Sass.js Playground intéressant. Quelques choses peuvent avoir changé au fil des ans. Check this out:

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

Vous devriez certainement pas faire tous vos utilisateurs compilez feuilles de style, mais une implémentation javascript peut exécuter sur le serveur ainsi. Je cherche aussi pour la mise en œuvre d'un javascript - à utiliser dans une application Node.js. Est-ce quelque chose que l'équipe SASS envisage?

Il y a une tentative GitHub , SCSS-js . Cependant, il est incomplet et n'a pas eu de commits en cinq mois.

Pourquoi LibSass

Bien qu'il n'y ait pas de mise en œuvre JavaScript sanctionné officiellement Sass, il y a un port C / C ++ officiel du moteur Sass, connu sous le nom Noeud-SASS .

Sous le capot, les utilisations Node-SASS se LibSass.

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 point de mon écrit ce) qui a été converti en JavaScript avec emscripten .

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top