Есть ли 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: { ... }}

Ответы

Ответ 1

Нет официально санкционированной реализации JavaScript sass или scss. Есть несколько реализованных реализаций, которые я видел, но я не могу рекомендовать их использовать в настоящее время.

Однако, пожалуйста, несколько пунктов:

Зачем вам все ваши пользователи компилировать ваши таблицы стилей, когда вы можете сделать это один раз для всех из них.
Как выглядит ваш сайт, если JavaScript отключен.
Если вы решите перейти на серверную реализацию в будущем, все ваши шаблоны должны быть соответствующим образом изменены.

Итак, хотя для начала мы немного настроили настройку, мы (основная команда разработчиков) считаем, что компиляция на стороне сервера - лучший долгосрочный подход. Аналогичным образом, чем меньше разработчиков предпочитают компиляцию на стороне сервера для таблиц стилей производства.

Ответ 2

Поскольку visionmeda/sass.js больше не доступен, и scss-js не обновляется через 2 года, я мог бы вас заинтересовать в sass.js. Это библиотека С++ libsass (также используется node-sass), скомпилированная в JavaScript с использованием Emscripten. Реализация для компиляции стилей scss, связанных или встроенных в html, можно найти в sass.link.js.

Попробуйте sass.js с помощью интерактивной игровой площадки

Ответ 3

Я только что обнаружил интересную спортивную площадку Sass.js. За последние годы изменилось несколько вещей. Проверьте это:

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

Ответ 4

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

Ответ 5

Произошла попытка GitHub, scss-js. Однако он неполный и не совершил каких-либо обязательств за пять месяцев.

Ответ 6

Да

Как мы и ожидали, после перезаписи на С++ его можно скомпилировать в Javascript через Emscripten.

Это версия браузера: https://github.com/medialize/sass.js/

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

Ответ 7

Почему LibSass

В то время как официально не санкционированная реализация JavaScript sass, есть официальный порт 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.