Meu projeto de um module bundler em JS
Você sabe o que é um module bundler em JavaScript?
Se não, recomendo muito esse artigo, foi o que me inspirou a embarcar nessa jornada:
Mas resumidamente um bundler é, basicamente, a junção de vários arquivos JavaScript em um único arquivo, assim, uma página HTML não precisaria carregar vários arquivos .js separadamente, ela carregaria apenas o bundle.
Meu desafio foi justamente pegar múltiplos arquivos JS com import e export, e reescrevê-los como apenas um.
Ainda existem muitos conceitos que quero aplicar nesse projeto, mas, por enquanto, construí algo simples, que organiza e declara as funções na ordem correta para execução, e faz uma conversão de ES6 para ES5 usando o Bable.
Depois de um bom tempo sem realmente colocar a mão na massa e construir algo do zero, decidi me desafiar novamente, olhei para algo que está presente no dia a dia de praticamente todo desenvolvedor JavaScript: os bundlers.
Durante o estudo e a construção desse bundler, passei por conceitos como filas, grafos e árvores, o mais interessante foi perceber como algo tão moderno e essencial, usado constantemente em projetos com TypeScript, se apoia em estruturas tão fundamentais da ciência da computação, que tinhas estudado recentemente.
Mesmo tendo passado horas quebrando a cabeça, enfrentando tutoriais desatualizados e até momentos em que o ChatGPT ajudava, e às vezes também quebrava meu código, posso dizer que a experiência valeu demais.
Não foi nada impossível, algumas partes, como o uso da biblioteca Babel, que é algo imenso, ainda não compreendi completamente, mas entendi o coração do processo.
E enfim, o projeto está aqui:
🔗 https://github.com/Marleyedrg/simpleJSBundler
"Ashu11-A, eu finalmente entendi o que é uma AST (Abstract Syntax Tree)! "