Até o momento vimos dois posts de introdução ao Webpack, nesse post iremos implementar linters no nosso código JavaScript, se você nunca ouviu falar em linting tools, elas são ferramentas de optimização de código, elas ajudam-nos a escrever o código organizado e com boas práticas. Mas isso não significa que iremos prevenir bugs, mas a… Continuar lendo Webpack mantendo a qualidade do seu JavaScript
Tag: webpack
Webpack é gerenciador de módulos JavaScript ele irá ser execudato forma recursiva, tem um arquivo como ponto de partida, ele irá criar uma cascata de carregamento contectando todos os módulos da aplicação e com ele podemos definir um tratamento específico para cada tipo de arquivo.
Webpack é o gerenciador de módulos mais popular na atualidade vários CLIs trabalham em conjunto com webpack.
Qual a vantagem disso tudo? Ainda é comum aplicações web carregando dezenas JavaScript com diferentes script tags, se você não fizer isso da maneira correta irá causa uma série de problemas de performance em sua aplicação. E o gerenciamento de módulos ataca alguns problemas de performance, por padrão Webpack trabalha apenas com o carregamento de Javascript, mas podemos instalar recursos necessários para trabalhar com CSS, imagens, arquivos SASS, LESS e TypeScript. Esses “recursos” são chamados de loaders que veremos em breve.
Introdução a Webpack Parte 2: Loaders
No post anterior vimos uma introdução a Webpack, criamos uma situação básica carregando múltiplos arquivos JavaScript e vimos que Webpack possui 4 elementos chaves: Entry(arquivo de entrada), output(arquivo de saída), loaders e plugins. Nesse tutorial vamos abordar como trabalhamos como loaders, Webpack em seu core nada mais é que JavaScript carregando JavaScript. Nada mais básico… Continuar lendo Introdução a Webpack Parte 2: Loaders
Work smart with Gutenberg
Hi folks, last weekend I’ve done my first talk in 2019, at WordCamp Prague it was a pleasure to be again in Prague, one of my favourite city in Europe and my presentation it was about Gutenberg, I have created a small project with a few examples using static blocks, editable and dynamic blocks, follow… Continuar lendo Work smart with Gutenberg
Introdução a Webpack
Esse post é uma introdução a Webpack o static module bundler ou numa tradução genérica um “empacotador de módulos”, mas o que isso significa? Webpack vai gerenciar a leitura de arquivos CSS, JavaScript e assets do seu projeto, empacotando esse conteúdo para desenvolvimento ou produção. Ele irá funcionar de forma recursiva, um arquivo funciona como… Continuar lendo Introdução a Webpack