🎯 Reaproveitar código: a arte do quase lá 🎯

Sabe aquele momento em que você olha para o código antigo, faz um "Ctrl+C, Ctrl+V" cheio de confiança e... BOOM 💥, nada funciona? Pois é, aconteceu comigo há umas semanas atrás. Como de costume achei que estava tudo sob controle, mas o Webpack me lembrou que nem tudo o que brilha é ouro.

Na hora de configurar o processamento de estilos, o famoso "é só copiar do projeto anterior" parecia a solução mais rápida. Resultado? SCSS não "transpilou", horas de debugging, e um lembrete importante: cada projeto tem suas nuances.

Antes eu testava se era ambiente de desenvolvimento "isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader", no entanto, o código originário vinha de uma aplicação SPA e agora iria utilizar no WordPress.

A solução obviamente foi remover a condição e usar o MiniCssExtractPlugin sempre. A solução foi simples, mas para identificar o problema não foi nada fácil, o terminal exibia a mensagem de sucesso informando que o CSS foi gerado, mas os arquivos não apareciam na pasta DIST. "Scooby-doo onde está você amigo?".
v
💡 Moral da história: Copiar e colar pode ser prático, mas entender o contexto e ajustar o código é o que realmente salva o dia. Da próxima vez que achar que reaproveitar algo é o caminho mais curto lembre-se da Chapeuzinho Vermelho. 😄