Есть ли дерзость.Джей? Что-то вроде меньше.Джей?

я использовал меньше.js раньше. Это простой в использовании, что-то вроде

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

Я видел Сасс.js. Как я могу использовать его подобным образом? Разбор файла SASS для немедленного использования в HTML. Это похоже на Сасс.js больше подходит для использования с узел.js?

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

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

7 ответов:

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

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

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

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

40

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

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

25

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

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

6

да

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

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

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

6

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

5

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

3

Почему LibSass

в то время как нет официально санкционированной реализации JavaScript sass, существует официальный порт C/C++ движка Sass, известный как LibSass. Поскольку LibSass является официальной реализацией, лучше всего выбрать библиотеку JavaScript, которая использует LibSass под капотом.

на сервере

для JavaScript, работающего в узле.окружающая среда js, там Node-sass.

под капотом Node-sass использует сам LibSass.

в браузере

для JavaScript, запущенного в браузере, есть Сасс.js.

под капотом, Сасс.js использует версию LibSass (v3.3. 6 на момент написания этой статьи), которая была преобразована в JavaScript с помощью Emscripten.

1