Tutorial de Webpack 5
Básico
Princípio de funcionamento
Problema de cache
Módulos ES
Instalação
Configuração inicial
Configuração de inicialização da build
Build de teste
Conexão do bundle ao layout
Importação de arquivos no ponto de entrada
Caminhos absolutos
Plugins
Loaders
Modos de Build
Tipos de Modos de Build
Modos no Arquivo de Configuração
Modos de Build via Scripts
Build Automático
Pontos de Entrada e Saída
Pontos de Entrada e Saída
Ponto de Saída
Múltiplos Pontos de Entrada
Hash no Arquivo de Bundle
Nomes dos Pontos de Entrada
Pontos de Entrada de Array Nomeados
Nomes dos Bundles
Nomes e Hash dos Bundles
Caminho do Diretório do Bundle
Contexto dos Pontos de Entrada
Estilos
Importar estilos CSS
Loaders para estilos CSS
Configurando a importação de estilos CSS
Testando a importação de estilos CSS
Configurando a build do CSS no bundle
Testando a build do CSS no bundle
Nome do arquivo do bundle CSS
Hash do bundle CSS
Vários bundles CSS
Conectando bibliotecas CSS
Trabalhando com LESS
Trabalhando com SASS
HTML
Trabalhando com layouts HTML
Geração de layout HTML
Múltiplos pacotes de scripts
Pacotes de scripts com hash
Pacotes de estilos
Múltiplos pacotes de estilos
Seu próprio arquivo de layout
Assets
Introdução
Assets em pacotes JavaScript
Assets em pacotes CSS
Personalização do caminho para arquivos de asset
Personalização do caminho para grupos de assets
Assets inline
Assets de origem
Assets comuns