Đang tải các tệp css riêng lẻ cho các mô-đun tùy chỉnh

Tôi có một mô-đun tùy chỉnh tạo ba trang.Mỗi trang có một bộ điều khiển, tệp twig và tệp css. Điều tôi muốn làm là chỉ tải các tệp css khi cần. Tôi đã tạo một tệp library.yml như thế này:

mô-đun của tôi:
  phiên bản: 1.x
  css:
    chủ đề:
      css/page1.css: {}
      css/page2.css: {}
      css/page3.css: {}

Điều này tải ba tệp css bất cứ khi nào tôi hiển thị bất kỳ tệp nào trong ba tệp. Điều tôi muốn làm là bằng cách nào đó chỉ tải trang1.css khi trang1 được yêu cầu. Có cách nào để chia nhỏ tệp library.yml thành các phần mà mỗi phần được chỉ định một tệp css, sau đó tải nó vào mẫu bằng một Attach_library() cuộc gọi hoặc tiền xử lý ??

Hay tôi cần tạo một mô-đun riêng cho từng trang? Lý do tôi đặt ba trang trong một mô-đun là vì chúng là một phần của trang chia sẻ các nội dung khác.

Bạn có thể tạo nhiều mục thư viện trong *.libraries.yml.

trang.1:
  css:
    chủ đề:
      css/page1.css: {}

trang 2:
  css:
    chủ đề:
      css/page2.css: {}

trang.3:
  css:
    chủ đề:
      css/page3.css: {}

Sau đó, bạn có thể đính kèm thư viện có liên quan vào nút mà nó sẽ được đính kèm để sử dụng my_module.page.3 (đối với trang ba).Bạn sẽ đính kèm nó vào mảng kết xuất được trả về từ bộ điều khiển của bạn trên trang đã cho như sau:

lớp ExampleController mở rộng ControllerBase {
  hàm firstPageCallback() {
    // Xây dựng mảng $page của bạn (không hiển thị).
    // Sau đó đính kèm:
    $page['#attached']['libraries'][] = 'my_module.page.1';
  }
}