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
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