6

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.

13
  • Oi Ricardo, veja se o minify-maven-plugin resolve o seu problema. Usei para Javascript e CSS com sucesso. Commented 22/12/2015 às 23:14
  • Meu comentário foi sem pensar, eu não vi que a configuração era no pom.xml. Achei que seria em algum web.xml. Por isso falei da configuração java, até exclui o comentário. Obrigado
    – Ricardo
    Commented 22/12/2015 às 23:26
  • @AnthonyAccioly, atualizei a pergunta com a tentativa do plugin, acho que entendi o que ele faz, na verdade é bem simples, só não entendi pq meu all.css não foi gerado. Você poderia da uma lida na atualização, por favor?
    – Ricardo
    Commented 22/12/2015 às 23:50
  • 1
    Ricardo, tente executar mvn clean minify:minify para forçar a execução do plugin. Depois procure pelo all.css na pasta target 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 tag phase 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.
    – utluiz
    Commented 23/12/2015 às 0:32
  • 1
    Além das dicas do utluiz, dê uma olhada no demo, mesmo que você não declare um cssFinalFile era para ele gerar um style.css no diretório css dentro do seu WAR. Commented 23/12/2015 às 0:39

1 Resposta 1

2

Comentou do wro4j, deve ter tentado utilizar uma versão antiga, já removida do repositório.

Mas vai encontrar distribuições atualizadas aqui, escolha a qual te atender http://mvnrepository.com/artifact/ro.isdc.wro4j

Existe também o repositório no github junto a documentação, porém é necessário criar um xml com nome de wro.xml e configurar o web.xml

Mas a vantagem é de além de minificar, é possivel o realizar merge (unificar) que procura.

Outras opções

2
  • No inicio da documentação do wro4j ele ensina a configurar no web.xml, você saberia converter isso para configuração java?
    – Ricardo
    Commented 23/12/2015 às 0:27
  • Não sei, mas imagino se não é possivel implementar esse filtro em uma classe, problema é saber se ela ficaria visível para o wro4j. É triste, bibliotecas sem convenção sobre configuração.
    – dougg0k
    Commented 23/12/2015 às 0:47

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .