Динамический CSS / Javascript в Twig с использованием Silex / SilexExtensions и Assetic

Что я хочу сделать: Получить свойства CSS из базы данных и выгрузить их в файл less. Затем примените к нему компрессионный фильтр less / yui и сохраните результат в моем шаблоне веточки.


Позвольте мне сразу перейти к сути:

У меня есть веб-приложение PHP, использующее Silex и Twig в качестве механизма шаблонов. Для обработки и минимизации файлов css / js я пытаюсь использовать Assetic и Silex-Twig / Assetic-Extensions.

Я зарегистрировал расширения silx и установил фильтры, которые хочу использовать. Теперь я совершенно не понимаю, как выгружать файлы в моем шаблоне веточки. Google Search держит меня в неведении. Поскольку свойства в lessfile могут меняться в зависимости от запроса, я думаю, что нет способа статической доставки файлов.

Это моя реализация расширений silx:

$oApp = new Silex\Application();

//$oApp['autoloader']->registerNamespace('Assetic', DIR_VENDOR.'/assetic/src');
//$oApp['autoloader']->registerNamespace('SilexExtension', DIR_VENDOR.'/silex-extension/src');
//$oApp['autoloader']->registerNamespace('Twig', DIR_VENDOR.'/twig/lib');

$oApp->register(
    new Silex\Provider\TwigServiceProvider(), array(
        'twig.path' => DIR_ROOT.'/src/templates',
        'twig.class_path' => DIR_VENDOR.'/twig/lib',
    ),
    new SilexExtension\AsseticExtension(), array(
        'assetic.class_path' => DIR_VENDOR.'/assetic/src',
        'assetic.path_to_web' => DIR_ASSETS,
        'assetic.options' => array(
            'debug' => false,
            'formulae_cache_dir' => DIR_TMP.'/Assetic/cache',
            'twig_support' => true
        ),
        'assetic.filters' => $oApp->protect(function($fm) {
            $fm->set('yui_css', new Assetic\Filter\Yui\CssCompressorFilter(
                DIR_YUI.'/yuicompressor-2.4.7.jar'
            ));
            $fm->set('yui_js', new Assetic\Filter\Yui\JsCompressorFilter(
                DIR_YUI.'/yuicompressor-2.4.7.jar'
            ));
            $fm->set('googlecc_js', new Assetic\Filter\GoogleClosure\CompilerJarFilter(
                DIR_GOOGLE_CC.'/compiler.jar'
            ));
        }),
        'assetic.assets' => $oApp->protect(function($am, $fm) {
            $am>-set('styles', new Assetic\Asset\AssetCache(
                new Assetic\Asset\GlobAsset(
                    __DIR__ . '/resources/css/*.css',
                    array($fm->get('yui_css'))
                ),
                new Assetic\Cache\FilesystemCache(DIR_TMP.'/Assetic/cache')
            ));
            $am->get('styles')->setTargetPath(DIR_ASSETS.'/css/styles.css');
        })
    )
);

Поскольку файлы CSS обрабатываются через фильтр less (значения переменных должны поступать из базы данных), мне нужно сохранить / кэшировать выходной файл. Я думаю, что мне нужен LazyAssetManager в сочетании с AssetWriter, который записывает output.css в каталог кеша? Но я действительно изо всех сил пытаюсь получить правильный синтаксис include из моих шаблонов веточки. Следующая реализация, похоже, не работает:

{% stylesheets 'path/to/my/css' 'another/path/to/my/css' filter='yui_css' output='path/to/output/directory/styles.css' %}
<link href="{{ asset_url }}" rel="stylesheet" media="screen" />
{% endstylesheets %}

Я благодарен за каждую публикацию, касающуюся моего беспокойства.

12
задан edorian 24 January 2012 в 17:08
поделиться