1
resposta

Redução na quantidade de dependências

No começo do curso, o instrutor substituiu o babel-cli pelo babel-core para economizar espaço, mas para o processo de minificação do CSS através do webpack foram necessárias muitas dependências.

Não existe uma forma mais enxuta de fazer essa minificação, mesmo que por task runner ou inline no package.json, e ainda assim integrá-la ao dev server do webpack?

Achei muito confusa essa parte do CSS e não gostaria de ficar decorando nomes de módulos. Se for minificar CSS pelo webpack, eu vou precisar consultar os vídeos pelo resto da vida!

1 resposta

Fala ai Eduardo, tudo bem? Hoje em dia o Webpack mudou bastante e seus plugins evoluiram também.

Se você passar o mode: 'production' o próprio Webpack será responsável por algumas automatizações e otimizações.

Mas, você vai precisar decorar muita coisa em front-end, existem N bibliotecas, frameworks, plugins, loaders, etc...

Além de ter N maneiras de resolver os mesmos problemas, infelizmente faz parte do ramo de desenvolvimento, certas coisas não dão para fugir.

Por exemplo, para lidar com CSS, tem o style-loader e css-loader, para lidar com arquivos .js vai preciar do babel-loader e dentro do Babel pode precisar de N plugins e por ai vai...

Também tem: sass-loader, less-loader, svelte-loader, vue-loader...

Espero ter ajudado.