Photo by Ryan Stone on Unsplash
Meu coworker estava com um problema no carregamento dos scripts em uma aplicação Laravel. Ele estava importando as informações corretamente, dessa forma:
<script src="{{ asset('js/somefile.js') }}"></script>No Laravel, conseguimos acessar a pasta Public - onde são armazenados os assets - através dessa sintaxe acima. Aparentemente, tudo está normal, certo?
Errado.
Embora, o valor default do type da tag, seja “application/javascript”, ter essas metatags pré-definidas garantimos que a aplicação irá identificar corretamente.
No entanto, não era apenas esse o problema, o problema persistiu, foi quando identificamos que as últimas modificações nos estilos e scripts não estavam sendo compilados.
Laravel Mix
A ferramenta garante uma API para configuração de um webpack para a aplicação, para arquivos de CSS e Javascript puros ou vanilla. O Mix compila os arquivos e minifica para um arquivo final na pasta public.
Observado esse ponto, rodamos o comando que o Laravel disponibiliza, o npm run watch, para ficarmos escutando cada modificação nos arquivos de CSS ou JS na pasta public e recompilar para a aplicação.
Feito isso, conseguimos resolver esse problema de carregamento dos scripts e/ou estilos.