Bạn nên xem lại bài Thêm biểu định kiểu (CSS) và Javascript (JS) vào a mô-đun Drupal và chủ đề Drupal tài liệu. Thật không may, có thông tin trong cái này không có trong cái kia, nhưng tôi tin tất cả thông tin liên quan đến việc xác định một thư viện, tức là tạo một tệp library.yml, áp dụng cho cả mô-đun và chủ đề.
Nhìn vào mytheme.libraries.yml, tôi thấy 'cơ sở', 'thành phần', 'bố cục',
'chủ đề', v.v. Những chỉ định này có đại diện/làm bất cứ điều gì trong
luyện tập?
Vâng, họ làm công cụ. Về cơ bản, chúng thay đổi thứ tự các tệp được tải (trọng số thấp hơn được tải trước). Đây cũng là một cách hay để tổ chức CSS của bạn (các khóa này chỉ áp dụng cho CSS, không phải JS) về mặt khái niệm để giúp dễ dàng tìm kiếm, gỡ lỗi và khắc phục mọi sự cố hoặc thực hiện thay đổi.
Từ các tài liệu:
[các phím cơ sở, bố cục, thành phần, trạng thái, chủ đề] cho biết loại kiểu mà tệp CSS thuộc về.
Bạn có thể đặt trọng số CSS với 5 cấp độ kiểu dáng khác nhau:
- cơ sở: Đặt lại/chuẩn hóa CSS cộng với kiểu dáng phần tử HTML. Key chỉ định trọng lượng của
CSS_BASE = -200
- bố cục: sắp xếp vĩ mô của một trang web, bao gồm bất kỳ hệ thống lưới nào. Key chỉ định trọng lượng của
CSS_LAYOUT = -100
- thành phần: các phần tử giao diện người dùng rời rạc, có thể tái sử dụng. Key chỉ định trọng lượng của
CSS_COMPONENT = 0
- trạng thái: các kiểu xử lý các thay đổi phía máy khách đối với các thành phần. Key chỉ định trọng lượng của
CSS_STATE = 100
- chủ đề: kiểu dáng trực quan thuần túy (âlook-and-feelâ) cho một thành phần. Key chỉ định trọng lượng của
CSS_THEME = 200
Điều này được xác định bởi SMACSS Tiêu chuẩn. Vì vậy, ở đây nếu bạn chỉ định chủ đề
điều đó có nghĩa là tệp CSS chứa kiểu dáng liên quan đến chủ đề
cái nhìn và cảm nhận tinh khiết. Thêm thông tin tại đây. Bạn không thể sử dụng các phím khác vì các phím này
sẽ gây ra cảnh báo nghiêm ngặt.
Các khóa này không cung cấp bất kỳ tải tệp có điều kiện nào.Tất cả chúng luôn được tải khi bao gồm thư viện, các phím chỉ thay đổi thứ tự tải các tệp riêng lẻ. (Nếu bạn đang sử dụng tập hợp, tất cả chúng sẽ nằm trong một tệp, nhưng thứ tự sẽ được giữ nguyên.) Để tải các tệp theo điều kiện, bạn cần tạo các thư viện riêng biệt (bạn có thể xác định nhiều thư viện trong cùng một thư viện.yml tệp) và sau đó chỉ đính kèm các thư viện riêng lẻ khi bạn cần.
Có một số cách để đính kèm thư viện vào một trang, hãy xem Đính kèm Thư viện vào (các) Trang phần của tài liệu mô-đun và chủ đề đã lưu ý ở trên.
