Estou fazendo um projeto Spring MVC 4.2.
Nesse projeto tenho mais de um arquivo CSS e mais de um JS.
O que eu quero é transformar todos os arquivos CSSs em um único ALL.css e que este arquivo seja minify
.
O que eu tenho funcionando é uma configuração que coloca os recursos em um diretório pre definido. A configuração é essa:
VersionResourceResolver versionResolver = new VersionResourceResolver()
.addFixedVersionStrategy(version, "/**/*.js", "/**/*.css")
.addContentVersionStrategy("/**");
registry.addResourceHandler("/public-resources/**")
.addResourceLocations("/resources/")
.setCachePeriod(1)
.resourceChain(true)
.addResolver(versionResolver)
.addTransformer(appCacheTransformer);
Com isso eu consigo acessar os arquivos na view assim:
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<link rel="stylesheet" type="text/css" href="<spring:url value="/resources/css/magnific-popup.css"/>">
O resultado no HTML é esse:
<link rel="stylesheet" type="text/css" href="/MeuProjeto/public-resources/css/magnific-popup.css">
Tudo funciona.
Existe alguma forma de unificar os CSSs em um único arquivo all.css e chamar assim? O Spring é capaz de fazer isso?
<link rel="stylesheet" type="text/css" href="<spring:url value="/resources/css/all.css"/>">
Eu achei alguns plugins que supostamente funcionariam para isso, achei o wro4j que nem tem como começar a usar, ao adicionar a dependência no pom.xml
ele não consegue ler o repositório.
ATUALIZAÇÃO
Vou atualizando para incluir tentativas e dúvidas na pergunta, acho que vai ajudar os futuros leitores.
A primeira tentativa com o minify-maven-plugin.
<plugin>
<groupId>com.samaxes.maven</groupId>
<artifactId>minify-maven-plugin</artifactId>
<version>1.7.4</version>
<executions>
<execution>
<id>default-minify</id>
<configuration>
<charset>UTF-8</charset>
<cssSourceDir>resources/css</cssSourceDir>
<cssSourceFiles>
<cssSourceFile>Site.css</cssSourceFile>
<cssSourceFile>style.css</cssSourceFile>
</cssSourceFiles>
<cssFinalFile>all.css</cssFinalFile>
<jsSourceDir>resources/js</jsSourceDir>
<jsSourceFiles>
<jsSourceFile>index.js</jsSourceFile>
<jsSourceFile>sendmail.js</jsSourceFile>
</jsSourceFiles>
<jsFinalFile>all.js</jsFinalFile>
<jsEngine>CLOSURE</jsEngine>
</configuration>
<goals>
<goal>minify</goal>
</goals>
</execution>
</executions>
</plugin>
Usei na view assim:
<link rel="stylesheet" type="text/css" href="<spring:url value="/resources/css/all.css"/>">
Gerou a seguinte saída:
<link rel="stylesheet" type="text/css" href="/Isabele/resources/css/all.css">
Mas o arquivo all.css não está lá, dando 404. A nível de teste eu não mudei os outros arquivos css da view, então os dois arquivo usados na configuração do plugin Site.css e style.css estão sendo usados exatamente como o all.css e os dois estão no local e respondendo.
pom.xml
. Achei que seria em algum web.xml. Por isso falei da configuração java, até exclui o comentário. Obrigadomvn clean minify:minify
para forçar a execução do plugin. Depois procure peloall.css
na pastatarget
e nos subdiretórios também. Se o arquivo estiver lá, o plugin está funcionando e o problema pode ser ou que ele não está sendo executado no ciclo normal do maven (neste caso, tente adicionar uma tagphase
como no exemplo da documentação) ou pode ser que o arquivo não esteja sendo considerado na hora de empacotar o WAR, então teria que rever sua configuração deste plugin.cssFinalFile
era para ele gerar umstyle.css
no diretóriocss
dentro do seu WAR.