К содержанию

Tutorial de Webpack 5

Tutorial compreensível do bundler Webpack com teoria e tarefas para iniciantes.

Básico

Princípio de funcionamento do Webpack

Problema de cache nos navegadores

Webpack através de módulos ES no Webpack

Instalação do Webpack

Configuração Inicial do Webpack

Configurando a execução da build do Webpack

Compilação de teste com Webpack

Conectando o bundle ao layout no Webpack

Importação de arquivos para o ponto de entrada no Webpack

Caminhos absolutos no Webpack

Plugins no Webpack

Loaders no Webpack

Modos de Build

Tipos de modos de build no Webpack

Alterando o modo de build no arquivo de configuração no Webpack

Modos de build via scripts no Webpack

Compilação Automática no Webpack

Pontos de Entrada e Saída

Pontos de entrada e saída no Webpack

Ponto de Saída no Webpack

Vários pontos de entrada no Webpack

Hash no arquivo de build no Webpack

Nomes de pontos de entrada no Webpack

Pontos de entrada nomeados como arrays no Webpack

Nomes de arquivos de build no Webpack

Nomes e hash de arquivos de build no Webpack

Caminho para a pasta de build no Webpack

Contexto de Pontos de Entrada no Webpack

Estilos

Importação de estilos CSS no Webpack

Loaders para estilos CSS no Webpack

Configurando a importação de estilos CSS no Webpack

Testando a importação de estilos CSS no Webpack

Configurando a construção de CSS em um bundle no Webpack

Testando a construção de CSS em um bundle no Webpack

Nome do arquivo de pacote CSS no Webpack

Hash do Bundle CSS no Webpack

Vários pacotes CSS no Webpack

Como conectar bibliotecas CSS no Webpack

Trabalhando com LESS no Webpack

Trabalhando com SASS no Webpack

HTML

Trabalhando com layouts HTML no Webpack

Geração de Layout HTML no Webpack

Vários bundles de scripts no layout no Webpack

Bundles de scripts com hash no layout no Webpack

Bundles de estilos no layout no Webpack

Vários bundles de estilos em um layout no Webpack

Seu próprio arquivo de layout no Webpack

Assets

Assets no Webpack

Assets em pacotes JavaScript no Webpack

Assets em Pacotes CSS no Webpack

Personalização do caminho de arquivos de asset no Webpack

Personalização do caminho para grupos de assets no Webpack

Assets Inline no Webpack

Source assets no Webpack

Ativos Comuns no Webpack

Plugins

Limpando a pasta de build no Webpack

Copiando arquivos no Webpack