Файл CSS с LESS-переменными

Question

Мне нужно создать пользовательскую настройку веб-шаблона и предоставить форму наших клиентов для настройки стилей.

Я создал стили сайта в LESS, и когда клиент меняет какую-либо настройку в форме (и нажимает кнопку submit) PHP создает динамически CSS-файлы на основе кода LESS и настроек клиента.

Я использую less.php. Но динамически генерировать CSS от LESS очень slow. Вот почему я хочу создать «CSS-файл» с LESS-переменными, и я хочу автоматически генерировать окончательный файл CSS от «Файл CSS» с переменными и после использования только str_replace() для изменения переменной в значение , Это будет быстрее решение!

Пример:

МЕНЬШЕ файл

@color: red; 
.container { 
    .box {color: @color; } 
} 

окончательный CSS файл

.container .box {color: red; } 

, но мне нужно, чтобы сгенерировать "CSS файл" с меньшими затратами переменных, как это :

.container .box {color: @color; } 

Как создать такой файл?

Answer 1

Вы, кажется, не понимаете, что такое LESS, LESS - это препроцессор CSS, который компилирует код в CSS. CSS не поддерживает переменные, поэтому то, что вы просите, на самом деле не имеет смысла. Вы используете LESS PHP, но хотите удалить эту функциональность. Вопрос не имеет для меня никакого смысла.

Answer 2

Мой ответ не даст вам то, что вы хотите, но, возможно, это изменит ваш разум.

На самом деле, то, что вы делаете сейчас, хорошо, но, как вы сказали, компиляция всего этого времени для каждого пользователя вредна для всех. Вот почему вы должны реализовать механизм кэширования. Сохраните скомпилированный (окончательный) CSS как файл на сервере и укажите пользователей в этот файл. В вашем скрипте компиляции добавьте код, который будет проверять, является ли кешированный файл старше, чем, скажем, один день (или один час, но не менее). Если он старше, то скомпилируйте новый.

Таким образом, вы будете составлять только один раз в течение дня. День, например.

Вы также можете настроить его для компиляции, если нет кешированной версии. Это будет полезно, если вы меняете много вещей, тогда вы можете просто удалить кешированный CSS, и новый будет сгенерирован.

Если у вас есть панель администратора с чем-то, что может изменить файл LESS, просто добавьте еще одну строку в исполняемый код, который заставит перекомпилировать или просто удалить (unlink()) кешированный файл.

Кэширования является благословить, и это будет хорошо для вас, пользователей и сервера