Czy jest jakiś SASS?js? Mniej.js?

Użyłem mniej.JS przed. Jest łatwy w użyciu, coś w rodzaju 

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

Widziałem SASS.js . Jak mogę go używać w podobny sposób? Parsowanie pliku SASS do natychmiastowego użycia w HTML. To brzmi jak SASS.js jest bardziej do użytku z węzłem.js ?

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

sass.collect('... string of sass ...')
// => { selectors: [...], variables: { ... }, mixins: { ... }}
 105
csssassless
Author: Peter Mortensen, 2010-12-14
Source

7 answers

Nie ma oficjalnie zatwierdzonej implementacji JavaScript sass lub scss. Istnieje kilka implementacji w toku, które widziałem, ale żadna, którą mogę polecić używać w tym czasie.

Proszę jednak o kilka punktów:

  1. Dlaczego powinieneś sprawić, by wszyscy użytkownicy kompilowali Twoje arkusze stylów, skoro możesz to zrobić raz dla wszystkich.
  2. jak wyglądałaby Twoja strona, gdyby JavaScript był wyłączony.
  3. Jeśli zdecydujesz się zmienić na implementację po stronie serwera w w przyszłości wszystkie szablony muszą zostać odpowiednio zmienione.

Więc chociaż jest to trochę więcej konfiguracji, aby zacząć, my (główny zespół sass) uważamy, że kompilacja po stronie serwera jest najlepszym długoterminowym podejściem. Podobnie, mniej Programiści wolą kompilację po stronie serwera dla arkuszy stylów produkcyjnych.

 40
Author: chriseppstein,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-03-07 20:54:25

Od visionmeda/sass.js nie jest już dostępny, a scss-js nie był aktualizowany od 2 lat, może cię zainteresuje sass.js . Jest to biblioteka C++ libsass (używana również przez node-sass) skompilowana do JavaScript przy użyciu Emscripten. Implementację do kompilacji arkuszy stylów scss połączonych lub inlinowanych w html można znaleźć w sass.link.js .

Wypróbuj sass.js korzystanie z interaktywny plac zabaw

 25
Author: rodneyrehm,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-08-26 16:32:52

Właśnie odkryłem ciekawą Sass.js plac zabaw. Kilka rzeczy mogło się zmienić na przestrzeni lat. Zobacz też:

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

 6
Author: Chong Lip Phang,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-11-11 14:47:25

Tak

Jak się spodziewaliśmy, po przepisaniu go na C++, możliwe jest skompilowanie go w Javascript poprzez Emscripten .

To jest wersja przeglądarki: https://github.com/medialize/sass.js/

Jak zalecają, dla węzła możesz użyć tego: https://github.com/sass/node-sass

 6
Author: nikoloza,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-12-01 14:30:23

Zdecydowanie nie powinieneś zmuszać wszystkich użytkowników do kompilacji arkuszy stylów, jednak implementacja javascript może również działać na serwerze. Szukam również implementacji javascript sass-do użycia w węźle.aplikacja js. Czy to jest coś, co zespół sass rozważa?

 5
Author: tilleryj,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-01-02 04:59:15

Jest próba na GitHub, scss-js . Jest jednak niekompletny i nie miał żadnych commitów od pięciu miesięcy.

 3
Author: Peter Lyons,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-03-07 23:34:26

Dlaczego LibSass

Chociaż nie ma oficjalnie zatwierdzonej implementacji JavaScript sass, istnieje oficjalny port C / C++ silnika Sass, znany jako LibSass. Ponieważ LibSass jest oficjalną implementacją, najlepiej jest wybrać bibliotekę JavaScript, która używa LibSass pod maską.

Na serwerze

Dla JavaScript działającego w węźle.środowisko js, jest Node-sass.

Pod maską, Node-sass używa LibSass siebie.

W przeglądarce

Dla JavaScript działającego w przeglądarce, jest Sass.js.

Pod maską, Sass.js używa wersji LibSass (v3.3.6 w momencie pisania tego), która została przekonwertowana na JavaScript z Emscripten.
 1
Author: John Slegers,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-08-10 12:08:26