1
resposta

Minificação js/css de varios arquivos html

Olá, possuo uma estrutura com vários HTML´s acessando o mesmo CSS e JS que deveriam ser minificados. Porém, quando executo o comando grunt com as task´s de minificar, ele dá o seguinte erro no terminal:

Warning: Different sources attempting to write to the same destination:
 {
    "dest": ".tmp/concat/assets/css/index.min.css",
    "src": [
        "view/assets/css/custom.css"
    ]
}
  {
    "files": []
} Use --force to continue.

Entendo que possuo dois HTML´s tentando acessar o mesmo arquivo. Porque na head dos dois, tem o mesmo trecho de código:

<!-- build:css assets/css/index.min.css -->
    <link rel="stylesheet" href="assets/css/custom.css">
    <!-- endbuild -->

Bom, ai pra evitar esse erro, eu deixou o trecho de código acima apenas na index.html, nas outras eu mantive o assets/css/index.min.css. Porém, posteriormente quando criar o arquivo com versionamento, terei problemas. Como faço pra resolver esse problema?

1 resposta

Opa Matheus, tudo bem? Até onde vi, você pode criar seu próprio bloco de build. Assim nos demais arquivos você pode ter um build:reference que apenas troca o nome do arquivo em vez de passar por todo o processo de minificação, etc.

Tem um exemplo lá na documentação sobre less: https://github.com/yeoman/grunt-usemin#blockreplacements