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

Question

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

J’ai vu SASS.js. Comment puis-je l’utiliser d’une manière similaire ? L’analyse un fichier SASS utilisable immédiatement en HTML. Il semble que SASS.js est plus pour une utilisation avec Node.js?

Answer 1

Il n'est pas officiellement sanctionné JavaScript mise en œuvre de sass ou scss. Il ya un couple de mises en œuvre dans les progrès que j'ai vu, mais aucun que je peux vous recommandons d'utiliser en ce moment.

Veuillez toutefois quelques points:

1. Pourquoi devriez-vous faire de tous les utilisateurs de compiler vos feuilles de style quand vous pouvez le faire une fois pour toutes.
2. Quel serait votre site a l'air si JavaScript est désactivé.
3. Si vous décidez de changer de serveur-côté de la mise en œuvre à l'avenir, tous les modèles doivent être modifiés en conséquence.

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

Answer 2

Depuis visionmeda/sass.js n'est plus disponible et scss-js n'a pas été mis à jour dans 2 ans, je pourrais vous intéresser sass.js. C'est la bibliothèque C++ libsass (également utilisé par nœud-sass) compilé en JavaScript à l'aide d'Emscripten. Une mise en œuvre de compiler scss feuilles de style lié ou incorporé dans le code html peut être trouvé à sass.link.js.

Answer 3

Vous certainement ne devrait pas faire tous vos utilisateurs de styles de compilation, mais une implémentation javascript peut s’exécuter sur le serveur. Je cherche également une implémentation de javascript sass - à utiliser dans une application de node.js. Est-ce que l’équipe de sass envisage ?

Answer 4

Il y a une tentative sur GitHub, scss-js. Toutefois, il est incomplet et n’a pas eu tout s’engage en cinq mois.

Answer 5

J'ai travaillé sur "cssObjs.js" trouvés ici cssObjs Site web. Il est inspiré par SASS, mais utilise JSON structuré CSS à analyser et à injecter des styles côté client. J'ai développé plusieurs sites à l'aide et il a accéléré mon temps de développement considérablement. Comme indiqué ci-dessus.. vous devez avoir JavaScript activé afin d'être fatigués. Puisqu'il ne de créer la chaîne, il est certainement possible de l'exporter l'analyse des styles dans un .fichier css lorsque vous êtes prêt à passer à la production. Il est très utile si vous utilisez également l'cssObjs.colors.js plugin et le cssObjs.CSS3.js plugin... facile à modifier et personnaliser vos propres sélecteurs/fonctions/variables. J'ai commencé un cssObjs.liveVariables.js extension qui vous permet de changer les valeurs des variables dynamiquement lors de l'exécution du site. Vous pouvez ouvrir un panneau de contrôle et utilisez les curseurs pour modifier les couleurs, le rembourrage et autres nombre de variables que vous utilisez peut-être. Assez pratique des choses même si seulement utilisé dans le développement. Note cssobjs.com est encore en phase de développement, mais n'hésitez pas à tirer sur moi un e-mail avec des suggestions ou des bugs.