Question

目前，H5BP ant build script（第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

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

然而，node build script should be able to do this for you。

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

1 个答案: