Чи є SASS.js? Щось на зразок LESS.js?

Я використовував LESS.js раніше. Це просто у використанні, щось на кшталт

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

Я бачив SASS.js . Як я можу використовувати його аналогічно? Розбір файлу SASS для негайного використання в HTML. Здається, SASS.js більше для використання з Node.js ?

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

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

Не існує офіційно санкціонованої JavaScript реалізації sass або scss. Зараз я бачив декілька реалізацій, але жодна, яку зараз не рекомендую використовувати.

Однак, будь ласка, кілька моментів:

1. Чому варто змусити всіх своїх користувачів складати свої таблиці стилів, коли ви можете зробити це один раз для всіх.
2. Як виглядатиме ваш сайт, якщо JavaScript відключений.
3. Якщо ви вирішите в майбутньому перейти на реалізацію на сервері, всі ваші шаблони повинні бути змінені відповідно.

Тож хоч трохи більше налаштувань для початку роботи, ми (команда sass core) вважаємо, що компіляція на стороні сервера - найкращий довгостроковий підхід. Аналогічно, менше розробники віддають перевагу компіляції на стороні сервера для виробничих таблиць стилів.

Оскільки visionmeda / sass.js більше не доступний і SCSS-JS була оновлена в протягом 2 років, я міг би вас зацікавити в sass.js . Це libsass бібліотеки C ++ (також використовується node-sass ), зібраного в JavaScript за допомогою Emscripten. Реалізація для компіляції SCSS таблиць стилів , пов'язаних або вбудовуються в HTML можна знайти на sass.link.js .

Спробуйте sass.js, використовуючи інтерактивний майданчик

ТАК

Як ми очікували, після переписування його на C ++ можна компілювати в Javascript через Emscripten .

Це версія браузера: https://github.com/medialize/sass.js/

Як вони рекомендують, для вузла ви можете використовувати цей: https://github.com/sass/node-sass

Щойно я виявив цікавий майданчик Sass.js. Кілька речей, можливо, змінилися роками. Заціни:

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

Ви, безумовно, не повинні змушувати всіх своїх користувачів складати таблиці стилів, проте реалізація javascript може працювати і на сервері. Я також шукаю реалізацію Java sass - для використання в додатку node.js. Це щось розглядає команда sass?

Є спроба на GitHub , scss-js . Однак він є неповним і жодних зобов'язань протягом п'яти місяців.

Чому LibSass

Поки немає офіційно санкціонованої JavaScript реалізації sass, існує офіційний порт C / C ++ двигуна Sass, відомий як LibSass . Оскільки LibSass - це офіційна реалізація, найкраще обрати бібліотеку JavaScript, яка використовує LibSass під кришкою.

На сервері

Для JavaScript, що працює в середовищі Node.js, є Node-sass .

Під капотом Node-sass використовує сам LibSass.

У браузері

Для JavaScript працює в браузері, є Sass.js .

Під капотом Sass.js використовує версію LibSass (v3.3.6 в момент мого написання цього), яка була перетворена в JavaScript з Emscripten .