Фильтр CssRewrite не преобразует относительные URL в абсолютные

Question

Фильтр CssRewrite не преобразует относительные URL в абсолютные

Я пытаюсь объединить все используемые файлы CSS в один. Но включенные ресурсы с относительными путями вызывают проблемы. Я попробовал CssRewriteFilter на ассемблере, но он не работает.

Вот мой код:

    $files = [
'/node_modules/select2/dist/css/select2.min.css',
'/node_modules/jquery-datetimepicker/jquery.datetimepicker.css',
'/node_modules/icheck/skins/square/blue.css',
'/node_modules/Plupload/js/jquery.plupload.queue/css/jquery.plupload.queue.css',
'/node_modules/pace/themes/white/pace-theme-flash.css',
'/node_modules/lightgallery/dist/css/lightgallery.min.css',
'/node_modules/x-editable/dist/bootstrap3-editable/css/bootstrap-editable.css',
'/node_modules/sweetalert2/dist/sweetalert2.css',
'/node_modules/animate.css/animate.min.css',
'/node_modules/fullcalendar/dist/fullcalendar.min.css',
'/node_modules/flag-icon-css/css/flag-icon.min.css',
'/theme/assets/skin/default_skin/css/theme.css',
];

$am = new \Assetic\AssetManager();

$items = [];

foreach ($files as $file) {
$filename = APP_ROOT_DIR . '/public/ui' . $file;
$items[] = new \Assetic\Asset\FileAsset($filename, [new \Assetic\Filter\CssRewriteFilter()]);
}

$collection = new \Assetic\Asset\AssetCollection(
$items
);
$collection->setTargetPath('vendor.css');

$am->set('collection', $collection);

$writer = new \Assetic\AssetWriter(APP_ROOT_DIR . '/public/ui/shared/css/');
$writer->writeManagerAssets($am);

Что я ожидаю:

Когда IMG включен с ../img/test.png код в /node_modules/test/css/test.css Assetic должен переписать его /node_modules/test/img/test.png

4

asset-pipeline assetic assets css php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Попробуйте построить свой FileAsset класс как:

new \Assetic\Asset\FileAsset(
$filename,
[new \Assetic\Filter\CssRewriteFilter()],
'/node_modules/test/'
);

В src/Assetic/Asset/FileAsset.php:37мы видим, что вы можете включить $sourcePath в качестве третьего аргумента.

https://github.com/kriswallsmith/assetic/blob/master/src/Assetic/Asset/FileAsset.php#L37

Вы можете изменить настройки вашего $files массив что-то вроде

$files = [
['/node_modules/select2/dist/css/', 'select2.min.css']
...
];

Так что вы можете позвонить $sourcePath в два раза больше, как

new \Assetic\Asset\FileAsset(
APP_ROOT_DIR . '/public/ui' . $file[0].$file[1],
[new \Assetic\Filter\CssRewriteFilter()],
'/public/ui'.$filename[0]
);

1