4
我试图将所有使用的css文件合并为一个。但是包含相对路径的资源会导致问题。我试过资产的CssRewriteFilter,但它不起作用。CssRewrite过滤器不会将相对url转换为绝对
这里是我的代码:
$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是/node_modules/test/css/test.css
包含../img/test.png
代码Assetic应该把它改写为/node_modules/test/img/test.png
你不是混乱$ sourceRoot (第三个参数)与$ sourcePath(第四个参数)。再次检查链接中的代码。你实际上正在复制功能。 – Phil