Drupal 8에서 스타일 시트 (CSS) 파일을 라이브러리와 함께 추가하고 관리하는 표준 접근 방식은 무엇입니까?

Question

Drupal 용 모듈 또는 테마를 개발할 때 우리 프로젝트를 위해 외부 CSS 또는 Javascript 플러그인 또는 라이브러리를 포함해야하는 경우가 필연적입니다.

드루팔 자산 관리가 조금 복잡하고 나를 혼란하게, 나는
Adding stylesheets (CSS) and JavaScript (JS) to a Drupal 8 theme 및
Adding stylesheets (CSS) and JavaScript (JS) to a Drupal 8 module,
를 읽을 수 있지만 그것은 명확하게 설명하지 않고 그것에 대해 몇 가지 질문이 아직 없습니다.

이러한 라이브러리 및 스타일 시트는 웹 페이지에 어떻게 추가 처리됩니까? SMACSS 범주 (기본, 레이아웃, 구성 요소, 주, 테마) 순으로 추가됩니까?
ThemeName.libraries.yml

library-A: 
    css: 
    # The SMACSS category. 
    base: 
     # The path to the css file. 
     assets/css/stylesheets-1.css: {} 
    theme: 
     assets/css/stylesheets-2.css: {} 

library-B: 
    css: 
    base: 
     # The path to the css file. 
     assets/css/stylesheets-3.css: {} 
    theme: 
     assets/css/stylesheets-4.css {} 

라이브러리-A 또는 B (각각 단독)에서 : 전 분류를 정의하는 방법을 예를 들어
는 다음의 구조를 고려? 먼저 Theme을 입력 한 다음 base을 입력하거나 역순으로 입력해야합니다. 기준은 무엇입니까?

전적으로 라이브러리 -A 및 B : 마녀가 먼저로드? 도서관 -A 또는 B? 각각은 무엇이 정확합니까?

Answer 1

1 : 자세한 정보 here 기본적으로 테마는 가중치가 뒤집어 지지만 기본을 덮어 씁니다. 정말 당신이 2

을 작성하는에 따라 달라집니다 그래서 지금은 가이드 라인이 아닌 rulle입니다 :

: 정말

전은 반전하기 위해 라이브러리를로드하기 위해, 당신이 그들을로드 위치와 방법에 따라 달라집니다 테마

• 라이브러리 :

  • 'mytheme/라이브러리-B'// 총알을 교체 와 "-"
  • 'mytheme/라이브러리-A'로 총알을 대체 // "-"템플릿

• {{attach_library ('mytheme/라이브러리-B')}} {{attach_library ('mytheme/라이브러리 A')}}

• 모듈

  $ 유형 [ '요소'] [ '# 연결된'] [ '라이브러리'] [] = 'mytheme/라이브러리 -비'; $ types [ 'element'] [ '# attached'] [ 'library'] [] = 'mytheme/library-A';