2014-04-20 17 views
14

Theo số này https://github.com/rails/sass-rails/pull/192
sass-rails chưa hỗ trợ cho Sass 3.3.Làm cách nào để bật Bản đồ nguồn cho Sass trong đường ray 4?

Nhưng có vẻ như sass-rails-source-maps đã phụ thuộc vào Sass 3.3 ngay từ đầu. Vì vậy, có cách nào để sử dụng đá quý này với sass-rails?

Theo readme với sass-rails-source-maps, Chrome đã giảm hỗ trợ tệp Bản đồ nguồn từ Sass cũ hơn phiên bản 3.3.

Điều đó có nghĩa là không có cách nào để sử dụng Bản đồ nguồn Sass với Chrome devtools ngay bây giờ?

+0

Có phải bạn muốn hỏi xem có cách nào để tạo ** đường ray ** làm việc với bản đồ nguồn trong DevTools không? –

+0

@AlexanderPavlov Có, xin lỗi vì tiếng Anh của tôi. – Pinyin

Trả lời

1

tôi đã có thể sử dụng bản đồ nguồn với Rails 4.1 theo cách này:

  1. bằng cách sử dụng các phiên bản beta của sass-ray đá quý (5.0.0.beta1), mà không phải lúc nào cũng an toàn nhất điều cần làm và bằng cách

  2. thêm "la bàn đường ray" ("2.0.1") và đá quý "la bàn-nguồn-bản đồ" ("0.0.8"). Tôi không sử dụng Compass trong dự án cụ thể này, nhưng đá quý la bàn-nguồn-bản đồ cần đá quý la bàn (rõ ràng), và nó làm việc tuyệt vời cho tôi.

Tôi không có nhiều may mắn với đá quý sass-rails-source-maps, nhưng tôi không dành nhiều thời gian với nó; có lẽ nó không tương thích với đá quý beta sass-ray, hoặc cái gì khác tôi đang sử dụng.

12

Có một thay đổi lớn mới thay thế cho sass-ray, không chỉ nhanh hơn mà còn có tùy chọn sử dụng bản đồ nguồn nội tuyến.

Chỉ cần thêm nó vào Gemfile bạn

#gem 'sass-rails', '~> 5.0' 
gem 'sassc-rails' 

và thêm cấu hình

# config/environments/development.rb 
config.sass.inline_source_maps = true 

Đừng quên để khởi động lại máy chủ của bạn, sau đó bạn sẽ thấy nó làm việc trong thanh tra:

Source maps in Safari inspector

Bạn có thể tìm thấy repo tại đây: https://github.com/sass/sassc-rails

+0

Bạn có thể thấy rõ ràng rằng câu hỏi đặt ra trong ngữ cảnh với các đường ray. "Sử dụng cái gì đó không phải là sass-ray" sẽ chỉ là một câu trả lời hợp lệ nếu sass-rails không cung cấp quyền truy cập vào bản đồ nguồn. – cimmanon

+2

@cimmanon Tôi nghĩ rằng bạn đang thiếu điểm ở đây. Câu hỏi nêu rõ "bản đồ nguồn cho sass trong đường ray". Và câu trả lời là cách duy nhất để đạt được điều đó. Tôi có thể nói rằng sau khi thử tất cả các câu trả lời khác, chúng không được chấp nhận nữa. Vì vậy, bằng cách downvoting, về cơ bản bạn lấy đi cơ hội cho bất kỳ ai đang tìm kiếm một giải pháp để làm cho nó đi. Cảm ơn bạn vì công việc cộng đồng tuyệt vời của bạn! – Krisdigital

+0

Tôi vừa thử điều này và vẫn thấy CSS được tạo ở số dòng trong trình kiểm tra kiểu bàn điều khiển Chrome thay vì số dòng SCSS. Vì vậy, tôi không thấy bất kỳ lợi ích nào. – MSC

Các vấn đề liên quan