HTML5的样板：是否有可能内嵌@import与构建脚本多个样式表？(HTML5 Boilerpla

目前， 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 Ant目标css/pages/目录，使得每个样式表内联了进口，然后过压缩。 请问目前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:

我们只建议有一个单一的样式表，因为这将是适用于大多数常见的用例。 因此，我们没有任何会允许这种行为，你需要。

然而， 节点构建脚本应该能为你做这个 。

文章来源: HTML5 Boilerplate: is it possible to inline @import for multiple stylesheets with the build script?