Установить переменную, используя форму HTML - затем скомпилировать

Question

Давайте использовать причислять пример: в файле, давайте назовем это _example.scss, у меня есть следующие переменные:

$color1 
$color2 

мне было интересно, если это возможно, чтобы создать html-форму или некоторый html-gui, из которых я могу изменить (или установить) значение, присвоенное этим переменным в этом файле?

Как с помощью набора цветов, который устанавливает эти переменные в заданное значение.

Answer 1

Короткий ответ - нет, scss - это предварительный процессор. оба сервера (back-end) и браузер (front-end) вообще не читают scss.

так что вы можете использовать javascript/jquery для управления значением.

var style = $('input').value(); 
$('div').css({'color': style }); 

Answer 2

Вы можете использовать анализатор Сасс в JavaScript, который предлагает API работает с Web Worker. sass.js - это библиотека js, которая предлагает эти привязки.

Как правило, я бы не стал рассматривать эту хорошую практику, хотя у меня нет знаний или вы используете случай.