css - 如何使用 Ant 连接来自外部 CSS @import 文件的 CSS 文件

Question

如何使用 Ant 连接 1 个外部 CSS 文件中指定的 CSS 文件列表？

指定 css 文件和文件顺序 的 CSS 文件如下所示:

 @import url('header.css');
 @import url('footer.css');
 @import url('module/module1.css');
 @import url('module/module2.css');

我希望 Ant 将 css 中指定的所有文件加载并连接到一个文件中。这可能吗？

Answer 1

您可以使用 Ant 执行此操作 loadfile任务，然后是 concat .

这是一个示例，如果您的带有导入语句的 css 文件仅包含导入语句，则 linecontainsregexp 可能是可选的，每行一个。 (如果该 css 文件更复杂，则以下内容需要改进。)

<loadfile property="master.css" srcfile="master.css">
    <filterchain>
        <linecontainsregexp>
            <regexp pattern="@import url" />
        </linecontainsregexp>
        <replaceregex pattern=".*'(.*)'.*" replace="\1," />
        <striplinebreaks/>
    </filterchain>
</loadfile>

其结果是一个包含以逗号分隔的按要求顺序排列的 css 文件列表的属性。一只 Ant filelist然后可以用于在串联中指定它们:

<concat destfile="all.css">
    <filelist files="${master.css}" />
</concat>