Вопрос

я использовал Меньше.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. Если вы решите перейти на реализацию на стороне сервера в будущем, все ваши шаблоны должны быть изменены соответственно.

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

Другие советы

Поскольку VisionMeda / Sass.js больше не доступен, и SCSS-JS не был обновлен через 2 года, я могу заинтересовать вас в Sass.js.. Отказ Это библиотека C ++ libsass. (также используется узел) скомпилирован для JavaScript с помощью EmsCripten. Реализация для компиляции стилей SCSS, связанных или включенных в HTML, можно найти в sass.link.js..

Попробуйте sass.js, используя Интерактивная детская площадка

ДА

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

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

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

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

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

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

Есть попытка Гадость, SCSS-JS.. Отказ Тем не менее, это неполно и не было ни одного коммитата за пять месяцев.

Почему libsass.

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


На сервере

Для JavaScript работает в среде Node.js, есть Узел.

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


В браузере

Для JavaScript работает в браузере, есть Sass.js..

Под капотом Sass.js использует версию LibSass (V3.3.6 в точке моего письма этой записи), которые были преобразованы в JavaScript с Emscripten..

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top