Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Mudar de CRA para Vite traz ganhos de performance e uma configuração mais moderna, mas o que pesa mesmo é a hora de depurar. Muitos desenvolvedores relatam dificuldades em fazer os sourcemaps funcionarem direito, especialmente na hora de usar o debugger no VSCode.
No meu time, a galera que já fez essa troca também pegou uns perrengues com o apontamento de linhas e arquivos errados no Chrome e Firefox. A sensação é de que, embora a build fique mais rápida, o suporte ao debug fica meio capenga, o que acaba atrapalhando a produtividade. A decisão fica mais saudável quando o time consegue medir o impacto depois.
A dica que ajuda bastante é ajustar a configuração do Vite para gerar sourcemaps de qualidade, além de garantir que o VSCode esteja com a configuração de debugger adequada. Ainda assim, é comum precisar de uns tweaks extras na configuração do launch.json ou no cache do VSCode para resolver esses problemas. Sem esse critério, a solução pode parecer simples no começo e cara no suporte.
No seu caso, qual o maior desafio que está encontrando ao migrar e depurar? Essa questão de sourcemaps sempre foi uma dor de cabeça na minha experiência com Vite, mas acho que é uma fase que dá pra resolver com as configurações certas. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco. Por isso, o recorte precisa considerar manutenção, validação e caminho de volta. Esse contexto ajuda a separar ganho real de novidade difícil de sustentar. A decisão fica mais saudável quando o time consegue medir o impacto depois.
mano, o que ajuda bastante é usar o inline sourcemaps, assim o VSCode consegue fazer o binding de breakpoint mais fácil. Mas aí o arquivo fica maior, claro. Pra quem tá na pegada de otimizar o build, é uma troca que vale a pena.
hum, no meu time isso resolveu lindamente só qando ficou pequeno o bastante pra alguém manter sem drama.
Verdade, já passei por isso também. O maior erro é não ajustar bem os sourcemaps no Vite. Você já tentou colocar
build.sourcemapcomo true na configuração? E osourceMapno launch.json do VSCode?No meu time, usamos bastante essa abordagem de configurar manualmente os sourcemaps e atualizar o VSCode.
Concordo, o que pega pra mim é o suporte ao debug no Chrome. Já tentei várias configs, mas às vezes o breakpoint simplesmente não aponta, e aí dá um trabalho depois pra entender onde o erro tá. A configuração do
sourcemapno Vite faz diferença, mas ainda assim, não é perfeito.