Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Quando usamos Vite com React, a configuração do autoprefixer pode parecer simples, mas na prática fica difícil de fazer funcionar. Muitos esquecem de ajustar o postcss ou de garantir que o arquivo de configuração esteja na raiz do projeto.
No meu time, a gente faz um teste isolado com um arquivo CSS simples e verifica se o prefixo aparece. Se não, aí é questão de configuração do postcss ou do vite.config. É um passo que não pode passar batido, senão fica difícil identificar o problema.
Concordo, essa parte de configuração de build sempre dá dor de cabeça. Pra evitar isso, eu sempre reviso se o postcss está na raiz e se os plugins estão bem definidos. Mas, às vezes, o problema é cache mesmo, acho que vale dar uma limpada ou usar devtools pra verificar se o autoprefixer está ativando.
Exato, e também tem que ficar de olho na versão do autoprefixer. Às vezes a versão do Vite ou do postcss não bate com o plugin, aí dá conflito.
O que ajuda bastante é usar o modo de debug do navegador pra checar os estilos aplicados. Se o autoprefixer não estiver funcionando, provavelmente o CSS não está passando pelo postcss ou o plugin não está ativo na configuração. É uma rotina chata, mas vale a pena revisar tudo passo a passo.