Возможно ли сделать подобие ssas на front-end

213
03 июля 2017, 19:34

У меня есть небольшой парсер на php, он "делает всё, что нужно делать" с кодом и отправляет готовый файл пользователю.

А возможно ли сделать так, чтобы интерпретация кода происходила уже на фронт энде.
И самый главный вопрос, по сути, в том, как сделать, чтоб js читал файл с css и после обработки применял весь код к сайту...

Answer 1

Для sass в этом нет необходимости, обычно... но, да это возможно, есть библиотека на javascript https://github.com/medialize/sass.js/, начать можно здесь https://github.com/medialize/sass.js/blob/master/docs/getting-started.md

Для применения стилей можно внедрять <link >, <style> теги или влиять на элементы DOM, это стандартные возможности JavaScript

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

<script src="dist/sass.js"></script>
<script>
  var scss = '$someVar: 123px; .some-selector { width: $someVar; }';
  sass.compile(scss, function(result) {
    console.log(result);
  });
</script>   
READ ALSO
Изменить ключ в многомерном массиве

Изменить ключ в многомерном массиве

Есть многомерный массив:

189
warning: comparison between signed and unsigned integer expressions [-Wsign-compare]

warning: comparison between signed and unsigned integer expressions [-Wsign-compare]

Ошибка в 17 строкеЯ уже на компилятор Code Blocks грешу (постоянно перлы выдает)

274
jQuery. Способ вывода значения атрибута в html при наведении

jQuery. Способ вывода значения атрибута в html при наведении

При наведении на содержимое ссылки (к примеру, "Ссылка 1") она должна поменяться на значение атрибута href в круглых скобках (была "Ссылка 1", а стала...

228
Перебор объекта в jQuery

Перебор объекта в jQuery

Нужно перебрать объект с изображениями, добавляя css стили,css() не подойдет так как нужно учитывать высоту каждого отдельно элемента

212