กำลังโหลดไฟล์ css แต่ละไฟล์สำหรับโมดูลที่กำหนดเอง

ฉันมีโมดูลแบบกำหนดเองที่สร้างสามหน้าแต่ละหน้ามีตัวควบคุม ไฟล์ twig และไฟล์ css สิ่งที่ฉันต้องการทำคือโหลดไฟล์ css เมื่อจำเป็นเท่านั้น ฉันสร้างไฟล์ library.yml ดังนี้:

โมดูลของฉัน:
  รุ่น: 1.x
  css:
    ธีม:
      css/page1.css: {}
      css/page2.css: {}
      css/page3.css: {}

สิ่งนี้จะโหลดไฟล์ css สามไฟล์ทุกครั้งที่ฉันแสดงไฟล์ใดไฟล์หนึ่งในสามไฟล์ สิ่งที่ฉันต้องการทำคือการโหลด page1.css เมื่อมีการร้องขอ page1 เท่านั้น มีวิธีแบ่งไฟล์ libraries.yml ออกเป็นส่วนๆ โดยแต่ละไฟล์ระบุไฟล์ css หนึ่งไฟล์ จากนั้นโหลดลงในเทมเพลตด้วย ไฟล์แนบ_library() โทรหรือการประมวลผลล่วงหน้า??

หรือฉันต้องสร้างโมดูลแยกต่างหากสำหรับแต่ละหน้า เหตุผลที่ฉันรวมสามหน้าไว้ในโมดูลเดียวคือเป็นส่วนหนึ่งของไซต์ที่ใช้เนื้อหาอื่นร่วมกัน

คุณสามารถสร้างรายการไลบรารีได้หลายรายการใน *.libraries.yml

หน้าที่ 1:
  css:
    ธีม:
      css/page1.css: {}

หน้าที่ 2:
  css:
    ธีม:
      css/page2.css: {}

หน้าที่ 3:
  css:
    ธีม:
      css/page3.css: {}

จากนั้นคุณสามารถแนบไลบรารีที่เกี่ยวข้องกับโหนดที่ควรแนบไปโดยใช้ my_module.page.3 (สำหรับหน้าสาม).คุณจะแนบไปกับอาร์เรย์เรนเดอร์ที่ส่งคืนจากคอนโทรลเลอร์ของคุณในหน้าที่กำหนดดังนี้:

คลาส ExampleController ขยาย ControllerBase {
  ฟังก์ชัน firstPageCallback () {
    // สร้างอาร์เรย์ $page ของคุณ (ไม่แสดง)
    // จากนั้นแนบ:
    $page['#attached']['libraries'][] = 'my_module.page.1';
  }
}