Cung cấp hình ảnh tương đối bằng cách sử dụng assetic

Question

Tôi đang cố gắng hiểu gói symfony2 assetic. Tôi đang cố gắng sử dụng plugin jquery sử dụng tệp css của chính nó. Tôi đã đặt tất cả mọi thứ trong mybundle/Resources/public và sau đó chia thành images/javascript/và css/

Các plugin css đang sử dụng đường dẫn tương đối để có được những hình ảnh như ../images/sprite.png

Sử dụng assetic để phục vụ các tập tin css:

{% stylesheets 
    '@MyBundle/Resources/public/css/mycss.css' 
%} 
<link rel="stylesheet" href="{{ asset_url }}" /> 
{% endstylesheets %} 

Đường dẫn được tạo bởi assetic là /app_dev.php/css/mycss.css, đúng là tôi đoán. Rõ ràng là các đường dẫn hình ảnh tương đối hiện không hoạt động nữa. Vì các tệp này nằm trong mybundle/Resources/public và không có trong/images/

Khi cố gắng sử dụng bộ lọc cssrewrite, các đường dẫn được viết lại thành: http://server.com/Resources/public/images/sprite.png. Nhưng điều này tôi không chính xác, các tập tin không nằm ở đó.

Làm cách nào để tôi có thể phục vụ các hình ảnh có liên quan bằng cách sử dụng tính năng xác thực?

Answer 1

Bạn có thể đánh vần đường dẫn đầu ra và không sử dụng cssrewrite.

{% stylesheets output="bundles/zaysoarbiter/css/forms2.css" 
    '@ZaysoArbiterBundle/Resources/public/css/forms2.css' 
%} 

Và sau đó tất nhiên bạn sử dụng assets:install để sao chép hình ảnh của bạn để web/bundles/bundle/images hoặc bất cứ nơi nào. Theo như trình duyệt có liên quan, css và hình ảnh của bạn bây giờ nằm ​​tương đối với nhau. Trong quá trình sản xuất, bạn sẽ sử dụng assetic:dump để di chuyển tệp css được tạo ra thực tế.