1

目前，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);
4

1 回答 1

2

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

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

于 2012-05-29T20:59:09.507 回答