按特定顺序连接 CSS 文件

发布于 2024-11-19 03:42:56 字数 864 浏览 1 评论 0原文

我有一系列 CSS 文件，我正在将它们与 Ant 构建脚本连接和压缩（使用 YUI 压缩机）。 CSS 文件是：

Reset.css
Formalize.css
Typography.css
Site.css

还有其他 CSS 文件，如 ie.css 和 editor.css，我不想将其包含在缩小中。我的构建脚本使用以下代码，但现在的问题是文件需要按照上面发布的顺序连接。

<target name="minifycss">
    <!-- Combine all CSS files except for ones specified for IE or the content editor -->
    <concat destfile="css/e123-1.css">
        <fileset dir="css" includes="*.css" excludes="ie.css editor.css print.css" />
    </concat>

    <!-- Minify the css -->
    <java fork="true" jar="${yuicompressor.lib}" dir="css" output="css/e123-1.min.css">
        <arg value="e123-1.css" />
    </java>
</target>

我假设这些文件是按字母顺序添加的，但我想知道是否有一种方法可以告诉 Ant 以什么顺序连接文件，而不将它们重命名为 1reset.css、2formalize.css 等。

原文

I have a series of CSS files that I am concatenating and minfying (using the YUI Compressor) with an Ant build script. The CSS files are:

Reset.css
Formalize.css
Typography.css
Site.css

There are other CSS files like ie.css and editor.css that I don't want to include in the minification. I have my build script working with the following code, but the problem now is that the files need to be concatenated in the order posted above.

<target name="minifycss">
    <!-- Combine all CSS files except for ones specified for IE or the content editor -->
    <concat destfile="css/e123-1.css">
        <fileset dir="css" includes="*.css" excludes="ie.css editor.css print.css" />
    </concat>

    <!-- Minify the css -->
    <java fork="true" jar="${yuicompressor.lib}" dir="css" output="css/e123-1.min.css">
        <arg value="e123-1.css" />
    </java>
</target>

I assume that the files are added alphabetically, but I was wondering if there was a way to tell Ant what order to concatenate the files without renaming them to 1reset.css, 2formalize.css, etc.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

落在眉间の轻吻 2024-11-26 03:42:56

使用文件列表，如 ant concat 文档中所示。

回复收藏 0 原文

梦在夏天 2024-11-26 03:42:56

如果使用 wro4j，您可以控制资源的连接顺序，如下所示：

      <groups>
         <group name="all">
           <css>/static/reset.css</css>
           <css>/static/fonts.css</css>
           <css>/wildcard/*.css</css>
           <js>/static/js/lib/core.js</js>
         </group>
      </groups>

它允许您使用通配符，也可用于 javascript 资源（不仅是 css）

这是一个有偏见的答案，因为我正在开发 wro4j 项目。

If using wro4j, you can control the order of the resources to concatenate like this:

      <groups>
         <group name="all">
           <css>/static/reset.css</css>
           <css>/static/fonts.css</css>
           <css>/wildcard/*.css</css>
           <js>/static/js/lib/core.js</js>
         </group>
      </groups>

It allows you to use wildcards and also can be used for javascript resources (not only css)

This is a biased answer, because i'm working on wro4j project.

回复收藏 0 原文

~没有更多了~