c'è un SASS.js? Qualcosa di simile LESS.js?

Question

Ho usato LESS.js prima. E 'facile da usare, qualcosa come

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

SASS.js . Come posso usarlo in un modo simile? Analisi di un file SASS per l'utilizzo immediato in HTML. Sembra che SASS.js è più per l'utilizzo con Node.js ?

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

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

Answer 1

Non si può ufficialmente sanzionato JavaScript attuazione sass o SCSS. Ci sono un paio di implementazioni in corso che ho visto, ma nessuno che posso consiglia di utilizzare in questo momento.

Tuttavia, si prega di pochi punti:

1. Perché si dovrebbe fare tutti gli utenti compilano i fogli di stile quando si può fare una volta per tutti loro.
2. Quale sarebbe il vostro look sito come se JavaScript è disabilitato.
3. Se si decide di cambiare per un'implementazione sul lato server in un tempo futuro, tutti i modelli deve essere modificata di conseguenza.

Così, mentre è un po 'messa a punto di più per iniziare, abbiamo (il core team sass) ritiene che la compilazione lato server è il miglior approccio a lungo termine. Allo stesso modo, gli sviluppatori preferiscono meno compilazione lato server per i fogli di stile di produzione.

Answer 2

Dal visionmeda / sass.js non è più disponibile e SCSS-js non è stato aggiornato in 2 anni, ho acquistato anche in sass.js . E 'la libreria C ++ libsass (utilizzato anche da node-sass ) compilato per JavaScript utilizzando Emscripten. Un'implementazione di fogli di stile SCSS compilazione legati o inline in HTML sono disponibili all'indirizzo sass.link.js .

Provare sass.js utilizzando la interattivo parco giochi

Answer 3

YES

Come ci aspettavamo, dopo la riscrittura su C ++ , è possibile compilarlo in Javascript via Emscripten .

Questa è la versione del browser: https://github.com/medialize/sass.js/

Mentre si consigliano, per il nodo è possibile utilizzare questo: https://github.com/sass / node-sass

Answer 4

Ho appena scoperto un interessante Sass.js Playground. Poche cose possono essere cambiate nel corso degli anni. Check this out:

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

Answer 5

È sicuramente dovrebbe non fare tutti gli utenti compilare fogli di stile, ma un'implementazione JavaScript può essere eseguito su server pure. Sto anche cercando per l'attuazione di un javascript sass - da utilizzare in un'applicazione node.js. E 'questo qualcosa che il team sta valutando Sass?

Answer 6

C'è un tentativo su GitHub , SCSS-js . Tuttavia, è incompleta e non ha avuto impegna in cinque mesi.

Answer 7

Perché LibSass

Mentre non v'è alcuna implementazione JavaScript ufficialmente sanzionato di sass, v'è un C ufficiale / C ++ di babordo del motore Sass, nota come LibSass . Perché LibSass è un'implementazione ufficiale, è meglio optare per una libreria JavaScript che utilizza LibSass sotto il cofano.

---

Sul server

Per JavaScript in esecuzione in un ambiente Node.js, c'è Node-sass .

Sotto il cofano, usi Node-sass stessa LibSass.

---

Nel browser

Per JavaScript in esecuzione nel browser, c'è Sass.js .

Sotto il cofano, Sass.js utilizza una versione di LibSass (v3.3.6 nel punto del mio scrivere questo) che è stato convertito in JavaScript con Emscripten .