¿Hay un SASS.js? Algo como LESS.js?

He usado LESS.js antes. Es fácil de usar, algo así como

  

Vi SASS.js. ¿Cómo puedo usarlo de manera similar? Analizar un archivo SASS para usarlo inmediatamente en HTML. Parece que SASS.js es más para usar con Node.js ?

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

No existe una implementación de sass o scss oficialmente aprobada por JavaScript. Hay un par de implementaciones en progreso que he visto, pero ninguna que pueda recomendar usar en este momento.

Sin embargo, por favor algunos puntos:

  1. ¿Por qué debería hacer que todos sus usuarios compilen sus hojas de estilo cuando puede hacerlo una vez para todas ellas?
  2. ¿Cómo se vería su sitio si JavaScript está deshabilitado?
  3. Si decide cambiar a una implementación del lado del servidor en el futuro, todas sus plantillas se deben cambiar en consecuencia.

Entonces, aunque es un poco más de configuración para comenzar, nosotros (el equipo central sass) creemos que la comstackción del servidor es el mejor enfoque a largo plazo. Del mismo modo, menos desarrolladores prefieren la comstackción del servidor para las hojas de estilo de producción.

Como visionmeda / sass.js ya no está disponible y scss-js no se ha actualizado en 2 años, podría interesarte en sass.js. Es la biblioteca de C ++ libsass (también utilizada por node-sass ) comstackda en JavaScript usando Emscripten. Se puede encontrar una implementación para comstackr hojas de estilo scss vinculadas o en línea en html en sass.link.js.

Prueba sass.js usando el patio de juegos interactivo

Acabo de descubrir un interesante Sass.js Playground. Algunas cosas pueden haber cambiado a lo largo de los años. Mira esto:

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

Como esperábamos, después de volver a escribirlo en C ++ , es posible comstackrlo en Javascript a través de Emscripten .

Esta es la versión del navegador: https://github.com/medialize/sass.js/

Como recomiendan, para el nodo puede usar este: https://github.com/sass/node-sass

Definitivamente no debes hacer que todos tus usuarios compilen hojas de estilo, sin embargo, también se puede ejecutar una implementación de javascript en el servidor. También estoy buscando una implementación javascript sass, para usar en una aplicación node.js. ¿Esto es algo que el equipo sass está considerando?

Hay un bash en GitHub , scss-js . Sin embargo, está incompleto y no ha tenido ningún compromiso en cinco meses.

Por qué LibSass

Si bien no existe una implementación de sass autorizada oficialmente por JavaScript, existe un puerto oficial C / C ++ del motor Sass, conocido como LibSass . Debido a que LibSass es una implementación oficial, es mejor optar por una biblioteca de JavaScript que use LibSass bajo el capó.


En el servidor

Para JavaScript que se ejecuta en un entorno Node.js, hay Node-sass .

Bajo el capó, Node-sass usa LibSass.


En el navegador

Para JavaScript que se ejecuta en el navegador, está Sass.js.

Bajo el capó, Sass.js usa una versión de LibSass (v3.3.6 en el momento de escribir esto) que se ha convertido a JavaScript con Emscripten .