多个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”的内容将包含在它们中。