Preparar o terreno para o Webpack
O que é e como funciona?
Instalação do Webpack
Babel-loader
O que é webpack config?
Incorporando projeto base na Platzi Pizzaria
Instalação, configuração e adequação da aplicação
Tratar arquivos CSS como módulos
O que é um bundle?
Gerenciando dependências front-end com npm
Loaders: importando um CSS qualquer
extract-css: resolvendo o FOUC (Flash of Unstyled Content)
Platzidoro
Build de produção
Usando e criando plugins
File-Loader
CSS Purify: removendo CSS não utilizado
Entries e Outputs
Importando scripts
Lidando com dependências globais
Conhecer as boas práticas
Otimizando o build com Scope Hoisting
Separando o nosso código das bibliotecas
Gerando a página principal automaticamente
Code splitting e Lazy loading
Exemplo prático de Lazy loading
Quais são os arquivos para distribuição?
Conclusão
Alguns pontos importantes: revisão
Próximos passos: pré processadores.
Para gerenciar as dependências do seu projeto, basta sempre incluir ou removê-las do arquivo packages.json, ele é fundamental.
...
Cadastre-se ou faça login para ler o conteúdo completo.
Contribuições 0
Perguntas 0
Quer ver mais contribuições, perguntas e respostas da comunidade?