Aprenda o empacotador de módulos webpack em apenas 1 dia! Entenda a instalação e personalização do zero

Aprenda como empacotar vários tipos de módulos usando loaders (babel/css/sass/html/eslint) e plugins (compressão personalizada de JS/separação e compressão de arquivos CSS) com React como assunto principal. Este curso prático irá guiá-lo pelo processo de empacotamento usando o webpack. O código-fonte completo deste curso está disponível no GitHub.

Bem-vindo ao Udemy! Eu sou seu instrutor, John Smith. Neste curso, exploraremos como empacotar módulos usando o webpack, utilizando loaders (babel/css/sass/html/eslint) e plugins (compressão personalizada de JS/separação e compressão de arquivos CSS). Vamos focar no React como assunto principal e fornecer uma abordagem prática para entender o processo de empacotamento do webpack. Ao final deste curso, você será capaz de configurar o webpack de acordo com suas necessidades. O código escrito neste curso está totalmente disponível no GitHub, fornecendo a você um código testado e funcional. Se você achar o webpack.config.js confuso, este curso é perfeito para você se familiarizar com a configuração do webpack e assumir a liderança na configuração de seus próprios projetos. Este curso está dividido em quatro seções: Introdução, Loader, Plugin e Tópicos Avançados. Na seção de Introdução, aprenderemos os conceitos básicos do webpack. Embora envolva escrever código, o conteúdo é prático e pode ser aplicado a cenários do mundo real. Configurar o webpack em si não é difícil. O verdadeiro desafio está nas seções subsequentes de Loader e Plugin, onde ajustamos as configurações. No entanto, se você compreender os conceitos da seção de Introdução, terá uma compreensão sólida do webpack. A capacidade de utilizar os recursos adicionais do webpack, como Loaders e Plugins, será crucial em projetos do mundo real. Neste curso, apresentamos Loaders e Plugins populares comumente usados em aplicações frontend por meio de tutoriais em vídeo. Você obterá uma compreensão clara do processo de implementação. Por fim, temos a seção de Tópicos Avançados, que pode ser considerada de nível avançado. Esta seção aborda tópicos que não são classificados como Loaders ou Plugins, como a introdução de source maps e a integração de vários Loaders e Plugins, focando especificamente na integração do eslint. Este curso pode ser concluído em aproximadamente 6,5 horas, equivalente a um dia de aprendizado. Fornecemos vídeos de pré-visualização para você ter uma ideia do conteúdo do curso e do meu estilo de ensino. Sinta-se à vontade para assisti-los, pois são gratuitos. Estou ansioso para conhecê-lo no curso! Vamos mergulhar no Hacking! John Smith O que você aprenderá - Como instalar o webpack - Como configurar o webpack