Menu

sábado, 30 de novembro de 2013

Minificação de CSS e Javascript com Maven

Para minificar e concatenar múltiplos arquivos de CSS e Javascript no Maven podemos utilizar o minify maven plugin.

<plugin>
 <groupId>com.samaxes.maven</groupId>
 <artifactId>minify-maven-plugin</artifactId>
 <version>1.7.2</version>
 <executions>
  <execution>
   <id>default-minify</id>
   <configuration>
    <charset>UTF-8</charset>
    <cssSourceDir>resources/css</cssSourceDir>
    <cssSourceFiles>
     <cssSourceFile>botoes.css</cssSourceFile>
     <cssSourceFile>default.css</cssSourceFile>
     <cssSourceFile>menu.css</cssSourceFile>
     <cssSourceFile>tabela.css</cssSourceFile>
    </cssSourceFiles> 
      <jsSourceDir>resources/js</jsSourceDir>
    <jsSourceFiles>
     <!--jsSourceFile>file-1.js</jsSourceFile -->
     <!-- ... -->
     <!--jsSourceFile>file-n.js</jsSourceFile -->
    </jsSourceFiles>
    <jsEngine>CLOSURE</jsEngine>
   </configuration>
   <goals>
    <goal>minify</goal>
   </goals>
  </execution>
 </executions>
</plugin>

As propriedades cssSourceDir e jsSourceDir apontam para os respectivos diretórios dos arquivos CSS e Javascript. As propriedades cssSourceFile e jsSourceFile representam a listagem dos arquivos que devem ser mapeados para a minificação.

Como resultado o plugin gera dois arquivos. O style.css é apenas uma simples concatenação, enquanto o style.min.css é o mesmo arquivo minificado.

Nenhum comentário :