Изменение значений CSS с предварительным просмотром в реальном времени. Less.js?

Question

Я хочу сделать страницу в Admin CP, где вы можете настроить значения некоторых свойств CSS, например. фон-цветы. Это должно иметь предварительный просмотр в реальном времени, например, например. в Wordpress, но я не знаю, как это сделать.

Я использую МЕНЬШЕ для стилей, так что я думал об использовании Less.js и

less.modifyVars() 

Он работает, но проблема, она занимает около одной секунды, чтобы показать изменения на странице, так как меньше файлов не мало, потому что я также импортирую Bootstrap.

Любая другая идея, как это сделать?

Answer 1

Предполагая, что вы используете LiveReload или что-то в этом роде, разделите один большой файл на несколько небольших файлов. LiveReload будет только перезагружать/обновлять файлы, которые фактически были изменены, что должно быть намного быстрее/мгновенно.

---

Вы можете сохранить изменения CSS с помощью Chrome Dev Tools - больше здесь How to save CSS changes of Styles panel of Chrome Developer Tools?