Introdução

Esta seção contém o glossário para definição de alguns dos termos utilizados ao longo dos artigos apresentados neste guia.

Bundle

Aplicações front-end são compostas de HTML, CSS e JavaScript. Para que a aplicação seja executada nos navegadores, existem ferramentas como Webpack, Rollup, Parcel, entre outras, que são utilizadas para juntar todos esses arquivos de imagem, HTML, CSS e Javascript em apenas um arquivo JavaScript que será recebido e executado pelo navegador. Um bundle é um arquivo minificado que contém todos esses arquivos juntos. [1, 2]

Chunk

Um bundle é composto de vários chunks. Quando o code splitting é utilizado na aplicação, por exemplo, o Webback gera um chunk separado que é enviado ao navegador apenas quando solicitado. [3]

Polyfill

Um polyfill é um pedaço de código usado para fornecer suporte a funcionalidades em navegadores mais antigos que não têm suporte nativo. Por exemplo o CSS Grid no Internet Explorer. [4]

Referências

• (1) Understanding the concept of bundling for beginners;
• (2) Bundling JavaScript for Performance: Best Practices;
• (3) Webpack: Glossary;
• (4) MDN Web Docs Glossary: Definitions of Web-related terms: Polyfill;