Làm thế nào để sử dụng Less trong ứng dụng rails 3.1?

Question

Cách dễ nhất (có cách nào dễ dàng?) Để sử dụng Ít (kết hợp với Sass/Scss) trong đường dẫn tài sản 3.1 đường ray?

Tôi muốn tải một tập tin như foo.css.less như tôi sẽ làm cho bar.css.scss

Tôi tìm thấy một số giải pháp rung rinh đó không làm việc cho tôi (đã không cố gắng rất nhiều): https://github.com/thisduck/ruby-less-js/issues/2

Ý tưởng sẽ là sử dụng Twitter Bootstrap một cách rõ ràng. Cảm ơn trước

Answer 1

Chỉ cần đặt tập tin của bạn vào yourlessfile.lesspublic/stylesheets, sau đó theo quan điểm của bạn, bao gồm nó với

stylesheet_link_tag "/stylesheets/yourlessfile.less", :rel => "stylesheet/less" 

Đừng quên bao gồm less.js theo quan điểm của bạn.

Answer 2

Chỉ cần chạy qua điều này, nhưng chưa có cơ hội để thử nghiệm.

http://www.ciddennis.com/2011/09/getting-twitter-bootstrap-to-work-with-rails-31-asset-pipeline.html

Answer 3

Anh chàng từ this blog post tạo ra Less Rails đá quý.

Điều này giúp dễ dàng hơn trong dự án Rails 3.1.

Answer 4

Nếu bạn chỉ muốn sử dụng bootstrap, bạn có thể làm điều đó bằng cách bao gồm các đá quý 'ít đường ray' và 'ít rails-bootstrap' trong GemFile của bạn.

Sau đó, bạn có thể @import bootstrap trong các tập tin .css.less của bạn:

@import "twitter/bootstrap" 

Ngoài ra, bạn có thể bao gồm mỗi tập tin thành phần cá nhân (không bao gồm những người bạn không muốn):

// Reset 
@import "twitter/bootstrap/reset"; 

// Core variables and mixins 
@import "twitter/bootstrap/variables"; 

@import "twitter/bootstrap/mixins"; 

// Grid system and page structure 
@import "twitter/bootstrap/scaffolding"; 

// Styled patterns and elements 
@import "twitter/bootstrap/type"; 
@import "twitter/bootstrap/forms"; 
@import "twitter/bootstrap/tables"; 
@import "twitter/bootstrap/patterns"; 

Nếu bạn không muốn sử dụng đá quý ít rails-bootstrap vì bất kỳ lý do gì, hoặc bạn có các tệp .less không khởi động mà bạn muốn bao gồm, bạn cần phải thêm các đường dẫn không. config. Lưu ý rằng không có tác vụ bổ sung nào cần thiết nếu tên tệp của bạn kết thúc bằng .css.less vì đường dẫn nội dung sẽ xử lý việc biên dịch đó cho bạn (miễn là bạn đã bao gồm 'ít đường ray'). Thủ tục này chỉ được yêu cầu nếu bạn muốn tham chiếu đến các tệp .less bên ngoài trực tiếp trong tệp .css.less của ứng dụng của bạn.

Thiết lập tôi sử dụng cho bootstrap là sao chép các tệp * .less thành vendor/assets/frameworks/twitter/bootstrap. Giữ các tập tin trong vendor/assets/stylesheets/... gây ra cho tôi một số vấn đề, có lẽ do phép thuật Rails giải quyết việc nhập khẩu của tôi vào các tập tin không được xử lý và không biết phải làm gì với chúng (đây chỉ là suy đoán về phần của tôi, tôi không xem xét đầy đủ) .

Khi bạn đã có các tệp .less trong dự án của mình, bạn cần phải thông báo ít đường ray hơn để tìm chúng. Thực hiện điều đó bằng cách đặt thông tin sau vào số application.rb của bạn.

YourApp::Application.configure do 
    config.less.paths << File.join(Rails.root,'vendor','frameworks') 
    # Should be set to true in production. 
    config.less.compress = false 
end 

Bạn có thể nhập chúng vào .css.ít file bằng cách sử dụng:

@import "twitter/bootstrap/reset" 
@import "twitter/bootstrap/variables" 
... 

Answer 5

xem thảo luận về phương pháp tiếp cận khác nhau ở đây http://rubysource.com/twitter-bootstrap-less-and-sass-understanding-your-options-for-rails-3-1/