Css HTML5样板：是否可以使用构建脚本为多个样式表内联@import？

目前，（第817行）采用“style.css”并内联其中指定的导入。但是，我希望为多个样式表提供此功能。我当前的目录结构如下：

css/
    h5bp/
        h5bp.normalize.css
        h5bp.helper.classes.css
        h5bp.media.queries.css
        h5bp.print.css
    pages/
        home.page.styles.css
        about.page.styles.css
        upload.page.styles.css
        download.page.styles.css
        ...
    extras/
        ie.styles.css
        layout.styles.css
        font.styles.css
        ...

我希望能够为

css/pages/

目录中的每个文件运行cssant目标，这样每个样式表都内联了导入，然后进行了缩小。当前H5BP构建脚本是否支持此功能？如果没有，我将如何修改它以满足我的需要？示例样式表如下所示

@import url(../h5bp/h5bp.normalize.css);
@import url(../extras/ie.styles.css);
@import url(../extras/layout.styles.css);

/* this stylesheet is specific for the "home page" */
@import url(home.page.styles.css);

@import url(../extras/font.styles.css);
@import url(../h5bp/h5bp.helper.classes.css);
@import url(../h5bp/h5bp.media.queries.css);
@import url(../h5bp/h5bp.print.css);

---

我们只建议使用一个样式表，因为这将适用于大多数常见用例。因此，我们没有任何东西允许您要求的这种行为

---

不过，.

谢谢！我将看一看节点构建脚本。我只是想知道，为什么你只推荐一个样式表？这不会导致许多不必要的风格和性能下降吗？例如，我的“主页”不应该关心“关于”页面中的样式，反之亦然。。。但是您建议“主页”和“关于”页面样式都应该在一个大型style.css文件中？如果您将样式表合并到一个表中，则会减少http请求的数量。有这样的工具，允许您在项目中保持样式表的独立性，然后自动合并并缩小它们以供发布。网络请求处理所需的时间（从请求开始到下载所需的时间）远远超过浏览器解析样式表和呈现适当样式所需的时间。