Forçar o carregamento de arquivos CSS a cada versão publicada

Neste artigo vamos aprender como forçar o carregamento de arquivos CSS a cada nova versão publicada, vamos aprender também a forçar os arquivos de JS.

Fala programador(a), beleza? Bora aprender coisa nova!

Sempre quando entra uma nova versão do nosso software em produção, por alguns motivos os arquivos podem não atualizar automaticamente

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

A maioria destes problemas está relacionado a cache, como o do navegador do cliente ou um serviço de CND, como o Cloudflare

E os arquivos que sofrem com esse problema geralmente são de CSS ou JS

Então surge uma necessidade de forçar esta atualização, e é perfeitamente possível

Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.

Apenas precisamos concatenar algum número de versão no fim do arquivo, veja:

• Arquivo de CSS com o nome de styles.css = styles.css?v=3284
• Arquivo de JS com o nome de scripts.js = scripts.js?v=2

Desta força o navegador será forçado a recarregar o arquivo por completo, e resolverá nossos problemas

Lembrando que fazer isso a mão pode ser custoso, ou gerar problemas caso haja um sistema de controle de versão no projeto, como o git

Por isso busque plugins/libs que façam esse incremento no controle de versão automaticamente, pois pode te economizar muito tempo

E fazer direto via browser, sem passar pelo controle de versão, não gerando conflitos ou mudanças desnecessárias no projeto

Uma vez que o problema é diretamente no computador do cliente

Conclusão

Neste artigo aprendemos como forçar o carregamento de arquivos CSS e de JavaScript também

Apenas precisamos adicionar um versionamento ao fim do nome do arquivo, onde chamamos ele (provavelmente no head)

Assim, este número de versão diferente, obrigará o download completo do arquivo novamente

Persistindo nosso alterações nos computadores dos clientes e o problema estará resolvido

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube