Как я могу передать контекст c-css?

Question

Мне нужно доставить динамическое содержание css. Короче, мне это нужно:

<link href="/css/site.css?color=111111" rel="stylesheet" type="text/css"> 

где site.css не обработано меньше кода.

Так я установил Node.js + меньше на стороне сервера, а последующая линия работает отлично:

$ lessc testless.less 

Но я до сих пор не понять, как настроить сервер, чтобы ответить на эти HTTP-запросы.

1) Какой лучший вариант: использование apache или node.js? (У меня уже установлен и работает сервер Apache)

2) Как мне настроить свой сервер и приложение для достижения этого?

Любая помощь будет оценена по достоинству.

Благодаря Ронан

Answer 1

я решил такую ​​же проблему, чтобы построить http://twitterbootstrap3navbars.w3masters.nl/ и http://twitterbootstrap3buttons.w3masters.nl/. Для обоих приложений я использую apache с php.

Для генератора кнопок я использовал Lessphp и для генератора навигатора я вызываю lessc через PHP exec().

Я использую меньше кода для написания встроенных стилей. В вашем случае вы создадите динамическую таблицу стилей.

Так, например, использование:

<link href="/css/site.php?color=111111" rel="stylesheet" type="text/css">

С site.php:

<? 
//use lessphp from http://leafo.net/lessphp/ 
header("Content-type: text/css", true); 
$less = new lessc; 
echo $less->compile('p {color: '.$_GET['color'].'; }'); 
exit; 

или

<? 
//use lessc 
header("Content-type: text/css", true); 
exec(echo "p { color: '.$_GET['color'].'; }" | /usr/local/bin/lessc -',$output,$error); 
echo implode("\n",$output); 
exit; 

Answer 2

Я предлагаю другой препроцессор, который основан на JavaScript - http://krasimir.github.io/absurd/. Идея состоит в том, чтобы использовать объекты JavaScript или JSON и генерировать CSS. Позже этот CSS можно было бы добавить в документ.

api.add({ 
    body: { 
     marginTop: "20px", 
     width: "100%" 
    }, 
    header: { 
     width: "100%" 
    } 
}); 

компилируется:

body { 
    margin-top: 20px; 
} 
body, header { 
    width: 100%; 
} 

AbsurdJS доступен для серверной стороны (nodejs) или использование на стороне клиента. Хорошо, что вы можете использовать все, что доступно в обычном js-коде.