Este repositório é parte da série Webpack Tutorial do canal JS Channel, no YouTube.
Esta série vai te ensinar Webpack de forma rápida, focada na prática. E você entenderá o suficiente para iniciar uma configuração específica para o seu projeto.
- O Que é e Como Webpack funciona
- Definir o arquivo de configuração
- Resolver extensões de arquivos
- Trabalhar com Path Aliases
- Loaders
- O que são
- Exemplos de loaders: ts-loader e sass-loader
- Plugins
- Minificando arquivos javascript
- Configurando ambiente de Desenvolvimento
- webpack-dev-server
- Refresh automático no browser ao salvar um arquivo
- Hot Module Replacement
- Source Maps
- Ambiente de Produção
Pré-requisitos.
Para instalar, execute os comandos abaixo.
- Clone o repositório na sua máquina local.
git clone https://github.com/js-channel/webpack-tutorial.git
- Navegue até a pasta do projeto e instale as dependências.
cd webpack-tutorial && npm install
- Execute a aplicação.
npm start
- Abra a aplicação no browser com a URL
localhost:8080
Há um branch para cada vídeo. Então, por exemplo, para ver todo o código feito desde o começo da série até o vídeo #6, você pode executar este comando git no terminal:
git checkout #6_Arquivo-de-Configuracao
Dessa forma, você pode ficar alternando entre o código feito em cada vídeo da série.
Para visualizar todos os branchs, basta executar o comando:
git branch -r
Feito com amor um teclado por Danilo Barros sob Licença MIT.