@import 缩小和连接 CSS 不适用于 h5bp 构建脚本答案

【问题标题】：@import to minify and concatenate CSS not working with h5bp build script@import 缩小和连接 CSS 不适用于 h5bp 构建脚本
【发布时间】：2012-09-23 13:03:13
【问题描述】：

我已经设置我的main.css 使用@import 规则导入到两个样式表，这样H5BP 构建脚本就会缩小并连接它们。运行构建脚本后我得到的只是main.css 的缩小版本，没有两个导入的文件。

我检查了构建脚本配置，它指向正确的文件，我还尝试更改路径相对性但没有成功。

这里是 main.css ：

@import url("../css/html5bp.css");
@import url("../css/styles.css");

提前致谢。

【问题讨论】：

这似乎已经回答了：*.com/questions/10804847/…
@KnowHowSolutions 不，这个答案与生成多个串联样式表有关。
即使原始问题的目标不同，它仍然是您的正确答案。目标是创建一个 CSS 文件并将其缩小，以减少请求的数量和请求的大小。它引用了这个构建脚本 [github.com/h5bp/node-build-script/wiki/css]，它按照您的要求执行（几乎也是逐字逐句，连接和缩小）。
@KnowHowSolutions 据我了解，ANT 构建脚本支持此功能，无需节点构建脚本。这是我指的部分：Inlines stylesheets specified using @import in your CSS Combines and minifies CSS (using YUI Compressor)

标签： css build html5boilerplate

【解决方案1】：

使用相对路径可能存在问题，几个月前有一篇关于 githug 的帖子。

构建脚本 xml 文件的第 763 行似乎是它开始的地方，并且似乎支持您正在寻找的内容。我建议为您的导入尝试一个完整的路径，看看是否可行。

【讨论】：

啊有趣，我在考虑服务器术语。我假设构建脚本会将项目文件夹作为根目录。我会在明天早上之前给它。谢谢！
不高兴 :( 在文档中确实说 @imports 应该相对于 main.css 。

【解决方案2】：

尝试检查build/config/default.properties文件，可以找到如下脚本：

#
# Root Stylesheet
# this is the file that contains the @import directives
#
file.root.stylesheet    = main.css

【讨论】：