Начало работы с Assetic

 $styles = new AssetCollection(array( new FileAsset('/assets/less/grid.less', array(new LessFilter())), new GlobAsset('/assets/css/*'), ), array( new CssMinFilter(), )); print $styles->dump(); 

Если вы используете SASS вместо Less, установите SCSSphp , добавив следующее в ваш composer.json :

 "leafo/scssphp": "dev-master" 

Затем вы можете использовать ScssphpFilter для компиляции ваших активов SASS.

Вы также можете оптимизировать изображения. В этом примере мы используем glob для извлечения всех файлов изображений из assets/img и сжатия их с помощью OptiPng , затем делаем то же самое с Jpegs, но используем Jpegoptim :

 $images = new AssetCollection(array( new GlobAsset('/assets/img/*.png', array(new OptiPngFilter())), new GlobAsset('/assets/img/*.jpg', array(new JpegoptimFilter()), )); 

Классы менеджера и AssetFactory

Есть и другие способы настройки ваших активов. Класс AssetManager по сути, является хранилищем активов с AssetManager — например, вы можете собрать коллекции активов, которые мы определили в предыдущем разделе, следующим образом:

 $am = new AssetManager(); $am->set('jquery', new FileAsset('/path/to/jquery.js')); $am->set('scripts', $scripts); $am->set('styles', $styles); 

Класс FilterManager работает примерно так же:

 $fm = new FilterManager(); $fm->set('sass', new SassFilter('/path/to/parser/sass')); $fm->set('yui_css', new Yui\CssCompressorFilter('/path/to/yuicompressor.jar')); 

Затем вы можете использовать класс AssetFactory для упрощения всего процесса:

 use Assetic\Factory\AssetFactory; $factory = new AssetFactory('/path/to/asset/directory/'); $factory->setAssetManager($am); $factory->setFilterManager($fm); $factory->setDebug(true); $styles = $factory->createAsset(array( '@reset', // load the asset manager's "reset" asset 'css/src/*.scss', // load every scss files from "/path/to/asset/directory/css/src/" ), array( 'scss', // filter through the filter manager's "scss" filter '?yui_css', // don't use this filter in debug mode )); echo $styles->dump(); 

Выход

Я показал, как выбрать то, что вы хотите включить и как применять фильтры; но я еще не посмотрел, где вы это делаете или как вы ссылаетесь на это. Есть несколько подходов, которые вы можете использовать.

Одна возможность — создать файл PHP в общедоступном каталоге, например, JavaScripts.php и ссылаться на него из своего HTML, как если бы он был активом:

 <script src="/assets/JavaScripts.php"></script> 

Или вы можете создать файл с именем stylesheets.php и встроить его в строку:

 <style> <?php include('/assets/stylesheets.php'); </style> 

В качестве альтернативы вы можете создавать файлы .css и .js и просто ссылаться на них как обычно. Вы можете использовать AssetWriter для этого:

 use Assetic\AssetWriter; $scripts.js = new AssetCollection(array( new GlobAsset('/assets/js/libs/*'), new FileAsset('/assets/js/app.js'), ), array( new JSMinFilter(), )); // Set target path, relative to the path passed to the // AssetWriter constructor as an argument shortly $scripts->setTargetPath('scripts.js'); $am->set('scripts.js', $scripts.js); // see above for instantiation of $styles $styles->setTargetPath('stylesheets.css'); $am->set('styles', $styles); $writer = new AssetWriter('/assets/build'); $writer->writeManagerAssets($am); 

Вы можете создать сценарий командной строки, чтобы сделать это как часть вашего рабочего процесса, или использовать такой инструмент, как Guard, чтобы «наблюдать» за файловой системой и перезапускать ее всякий раз, когда один из соответствующих файлов изменился.

 use Assetic\Asset\AssetCache; use Assetic\Asset\FileAsset; use Assetic\Cache\FilesystemCache; use Assetic\Filter\Yui; $yui = new Yui\JsCompressorFilter('/path/to/yuicompressor.jar'); $js = new AssetCache( new FileAsset('/path/to/some.js', array($yui)), new FilesystemCache('/path/to/cache') ); // the YUI compressor will only run on the first call $js->dump(); $js->dump(); $js->dump();