Webpack Tutorial

Este repositório é parte da série Webpack Tutorial do canal JS Channel, no YouTube.

Objetivo

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 iremos aprender

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

Instalação

Pré-requisitos.

Node.js
Git

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

Branchs e Videos

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

Licença