![Webpack Version](https://camo.githubusercontent.com/078ce86f60585bcd96cb8bfab7829c84f27419a28f870138a87f3e9248f688a4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f7765627061636b2d76352e302e302d626c75652e737667)
aula 1 - Configuração básica do webpack
- Criado o arquivo package.json
- Adicionado a dependência do webpack em devDependencies
- Criado o arquivo webpack.config.js
- Compilar o projeto
- Executar o projeto
aula 2 - Funcionamento dos módulos
- Criado pasta modulos e dois módulos
- Ver como adicionar os módulos no radar do webpack
- Configurando a saída do webpack para dist/principal.js
- Compilar e executar o projeto
npm start && node dist/principal.js
aula 3 - Configurar loaders de css e criar página index.html
- Adicionado loaders de css (style-loader e css-loader)
- Criado arquivo assets/estilo.css e adicionado import em principal.js
- Criado public/index.html fazendo referência para principal.js
- Configurado webpack para usar a pasta public como saída
- Depois de compilar, abra o arquivo public/index.html para testar
aula 4 - Externalizar o arquivo css
- Adicionado dependencia nova: mini-css-extract-plugin
- Informado o nome do arquivo css a ser gerado
- Comentado o módulo style-loader e adicionado o MiniCssExtractPlugin
- Ajuste na página index.html para referenciar o principal.css
- Depois de compilar, abra o arquivo public/index.html para testar
aula 5 - Carregando arquivo .scss (SASS)
- Adicionado as dependências: node-sass e sass-loader
- Ajustado o teste da rule do css para tratar scss: '/.s?[ac]ss$/'
- Criado alguns scss de exemplo
- Incluído referência index.js da pasta assets no principal.js
- Depois de compilar, abra o arquivo public/index.html para testar
aula 6 - Configuração desenvolvimento e produção
- Adicionado dependênica cross-env para executar scripts independente de SO
- Adicionado comando build nos scripts package.json
- Adicionado teste modoDev no webpack.config.js