Sử dụng la bàn/sass với Symfony 2

Question

Tôi đã googling xung quanh cho một câu trả lời cho điều này nhưng đã không tìm thấy chính xác những gì tôi đang tìm kiếm.

Tôi đang nhúng các ngón chân vào khuôn khổ của Symfony đã sử dụng CodeIgniter trong vài năm. Tôi thích cách tiếp cận "bó" cho đến nay, ngoại trừ việc tôi đang gặp phải một số vấn đề về cách xử lý tài sản, cụ thể là các tệp css.

Tôi quen với việc sử dụng khung La bàn và thường sẽ thiết lập cấu trúc thư mục bằng cách sử dụng partials biên dịch xuống một biểu định kiểu chính. Tuy nhiên, vì dự án Symfony của tôi được chia thành các bó tôi muốn (và có lẽ là nên) hãy giữ css cho mỗi gói trong gói và chỉ có các nội dung giống như mẫu chung trong thư mục "web" chính. Vấn đề của tôi là ...

Nếu tôi có thiết lập dự án la bàn trong thư mục "web" của mình, làm cách nào để bao gồm partials từ gói riêng lẻ của tôi?

Tôi nghĩ về việc có các dự án la bàn riêng biệt cho mỗi gói mà tôi tạo nhưng sau đó tôi sẽ kết hợp tất cả chúng thành một tệp nén như thế nào? Có phải cái gì tôi nên sử dụng Assetic cho? Đó có phải là tổ chức thẳng thắn quá mức không?

Bất kỳ đề xuất nào từ những người khác đã thấy mình trong tình huống tương tự sẽ được biết ơn sâu sắc!

Answer 1

tôi đã kết thúc thực hiện một cấu trúc thư mục cho la bàn của tôi dự án trong thư mục app/Resources chính. Tôi đã có thể tạo các thư mục "bó cụ thể" nếu tôi cần chúng và sau đó sử dụng Compass để biên dịch toàn bộ xuống một tệp css chính (cũng được lưu trữ trong ứng dụng/Tài nguyên/công khai) Sau đó tôi sử dụng Assetic để "xuất bản "(hoặc bất cứ điều gì nó) tập tin đó vào gốc web của tôi bằng cách sử dụng phương pháp bình thường bao gồm các bản định kiểu vào các mẫu cơ bản của tôi.

Answer 2

Điều này giống như một công việc cho Assetic và bộ lọc Sass của nó.

Bạn có thể liệt kê tất cả các tệp sass của bạn trong thư mục mẫu chính và xác nhận sẽ thực hiện việc nén cho bạn.

Trông cái gì đó như thế này (lấy từ link bên dưới):

{% stylesheets filters="compass" 
    "@AlomMainBundle/Resources/assets/css/main.sass" 
    "@AlomMainBundle/Resources/assets/css/header.sass" 
    "@AlomMainBundle/Resources/assets/css/footer.sass" 
%} 
    <link rel="stylesheet" href="{{ asset_url }}" /> 
{% endstylesheets %} 

Một lời giải thích tốt tôi đã tìm thấy trên internet là ở đây: http://alexandre-salome.fr/blog/Sass-Compass-Assetic-In-Ten-Minutes