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

Question

目前，H5BP ant 构建脚本（第 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/ 目录中的每个文件运行 css ant 目标，以便每个样式表都有内联导入，然后缩小。当前的 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);

Answer 1

我们只建议使用单个样式表，因为这适用于最常见的用例。因此，我们没有任何可以允许您需要的这种行为。

但是，节点构建脚本应该能够为您执行此操作。