Конкатенация CSS-файлов в определенном порядке - PullRequest
Новая
       10

Конкатенация CSS-файлов в определенном порядке

9 голосов
/ 09 июля 2011

У меня есть серия CSS-файлов, которые я конкатенирую и минифицирую (используя YUI Compressor) с помощью скрипта сборки Ant. Файлы 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 и т. Д.

Ответы [ 2 ]

5 голосов
/ 09 июля 2011

Используйте список файлов, как показано в документации ant concat .

1 голос
/ 23 июля 2011

Если вы используете 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.

...