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.

como forcar aquivos de css e js capa

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

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

Inscrever-se
Notificar de
guest

0 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários