Bây giờ, trong khi tôi đang phát triển dự án của mình, tôi có ba tệp, "main.css", "about.css" và "news.css" (ví dụ). Có thể biên dịch chúng thành một "final.css" để sản xuất không?Sass, La bàn, biên dịch tất cả tệp CSS thành
9
A
Trả lời
32
Các Sass import directive được sử dụng để nhập nội dung của một tập tin vào một, vì vậy bạn có thể tạo một tập tin final.scss
có nội dung là:
@import 'main';
@import 'about';
@import 'news';
Sau đó bạn sẽ cần phải đổi tên tập tin của bạn để có "SCSS "các tiện ích mở rộng để chỉ thị nhập sẽ tìm thấy chúng. Nếu bạn không muốn các tệp main.scss
, about.scss
và news.scss
tự biên dịch thành tệp CSS, bạn có thể sử dụng partials bằng cách đặt trước tên tệp có dấu gạch dưới (ví dụ: _main.scss
, _about.scss
, _news.scss
).
Các vấn đề liên quan
- 1. Sass/Compass biên dịch thành nhiều địa điểm
- 2. Sass, La bàn và JavaScript
- 3. Sử dụng la bàn/sass với Symfony 2
- 4. Cách bắt đầu với La bàn/Sass trên máy Mac - Lỗi CSS không hợp lệ?
- 5. La bàn và SASS hoặc Ít hơn và?
- 6. Sass --compass --watch Error: Không thể tải la bàn
- 7. Làm thế nào để chạy tính năng biên dịch la bàn mà không cần tham chiếu tệp hoặc đường?
- 8. Chuỗi mã hóa URL hoặc Base64 trong La bàn/SASS
- 9. Thêm la bàn vào dự án sass hiện có?
- 10. Cú pháp dấu ba chấm la bàn
- 11. Sự khác biệt giữa la bàn và sass?
- 12. Chạy La bàn/SASS với một phiên bản khác
- 13. Plugin Eclipse để tự động biên dịch các tệp Sass
- 14. La bàn nhiều chuyển đổi css
- 15. #include tất cả các tệp .cpp thành một đơn vị biên dịch đơn?
- 16. Tập tin và thư mục biên dịch Grunt-contrib-sass
- 17. sass biên dịch lỗi - StalenessChecker :: Mutex (NameError)
- 18. GWT - biên dịch thành tệp html
- 19. Sử dụng La bàn từ Ruby (không phải vỏ)
- 20. Tôi có thể chuyển đổi css thành scss và scss thành css parallelly không?
- 21. tôi nên sử dụng (đối với các trang dựa trên python)? sass, la bàn, switchcss ... lựa chọn thay thế?
- 22. Makefile biên dịch tất cả các tệp cpp trong một thư mục thành tệp thực thi riêng biệt
- 23. Mã biên dịch trong Visual Studio 2010 nhưng không nên biên dịch ở tất cả
- 24. Thay đổi thư mục đầu ra của tệp CSS kết quả trong La bàn/Webby?
- 25. Nhiều tệp SCSS/SASS vào một tệp CSS?
- 26. La bàn trong Android
- 27. Có trình biên dịch "css" tự động mở rộng để bao gồm tất cả/hầu hết các trình duyệt không?
- 28. Làm thế nào để kết hợp la bàn với phước lành?
- 29. SASS/Compass có thể biên dịch foo.scss thành foo.min.css và foo.dbg.css không?
- 30. CoffeeScript - biên dịch tất cả các tệp .coffee trong thư mục hiện tại và tất cả các thư mục con
Đây có phải là cách ưa thích để biên dịch tất cả scss trong một tệp css không? – Vincent
Có, thường là. Kết hợp tất cả CSS thành một tệp duy nhất sẽ giúp hiệu suất bằng cách giảm số lượng yêu cầu HTTP trên mỗi trang. Đây là một tài liệu tham khảo tốt: http://developer.yahoo.com/performance/rules.html#num_http – hopper