여러 CSS 모듈?

Question

r.js 최적화 여러 CSS 출력을 만드는 방법이 있는가

modules: [ 
     { 
      name: "main", 
      exclude: [ 
       "infrastructure" 
      ] 
     }, 
     { 
      name: "infrastructure" 
     } 
    ], 

에서 여러 JS 모듈을 만들 수 있는가?
한 페이지에는 CSS 파일 세트가 필요하고 다른 페이지에는 다른 CSS 파일 세트가 필요하기 때문입니다.

Answer 1

r.js는 자동으로 @import url(...) 링크의 내용을 프로젝트 디렉토리에있는 모든 .css 파일에 링크합니다. 당신이 당신의 CSS 파일을 구성하면 제대로 예를 들어, 모듈화를 얻을 수 있습니다

page1.css 연구를 통해 실행 한 후

@import url("common/shared.css"); 
@import url("page-1-specific.css"); 

page2.css

@import url("common/shared.css"); 
@import url("page-2-specific.css"); 

합니다. js page1.css 및 page2.css에는 참조 된 파일의 실제 내용이 포함됩니다. 즉, "shared.css"의 내용이 두 파일에 모두 포함됩니다.