Webpack: Poder ilimitado em suas mãos

Desde os hieróglifos, nunca antes a leitura de alguma coisa pareceu tanto linguagem alienígena.

Ejetou sua aplicação angular ou react? Precisa configurar preprocessadores de estilos ou mesmo separar sua aplicação em diferentes bundles?

Aprenda a transformar sua aplicação em uma máquina de moer arquivos em um estalar de dedos, utilizando a ferramenta mais versátil do mercado: o Webpack, e entenda porque ele foi a escolha dos principais frameworks do mercado.

Conteúdo originalmente apresentado no Google Developers Group, em 15/08/2018.

Transcript

1. poder ilimitado nas suas mãos
2. guilherme varandas gvarandas @jirotheone novatics / bb
6. PROBLEMAS
7. MÓDULOS NPM
8. COMMONJS
9. AMD
10. ESM
12. NOPE
13. BROWSER ESM
14. e isso é só o javascript
15. JSON PNG / JPG GIF / SVG CSS / SCSS
16. CADA BIBLIOTECA É ÚNICA e pode utilizar um sistema de módulos diferente
18. webpack is a static module bundler for modern javascript apps
20. diferentes formatos de módulos
21. static async bundling
22. rico ecossistema jeito + eficiente de entregar js
23. quem utiliza?
25. O QUE AONDE COMO
26. O QUE (entry)
27. AONDE (output)
28. COMO (loaders)
30. tinyurl.com/ webpack-gdg-artigo1 webpack-gdg-artigo2 webpack-gdg-artigo3
31. obrigado @jirotheone