多個css模塊與r.js優化器？

Question

r.js優化器可以創建多個JS模塊，在

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

有沒有一種方法來創建多個CSS輸出？
因爲一個頁面需要一組css文件，另一個頁面需要不同的一組css文件。

Answer 1

r.js將自動在項目目錄中找到的所有.css文件中內嵌@import url(...)鏈接內容。如果你組織你的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"); 

到r運行後。 js page1.css and page2.css將包含所引用文件的實際內容，即「shared.css」的內容將包含在它們中。