Empacotador de módulos para projetos da web
Webpack é um empacotador que agrupa JavaScript e outros ativos da web para serem executados no navegador. Ele permite que aplicativos sejam carregados quando necessário, graças ao recurso de divisão de código que divide os módulos em partes gerenciáveis.
Atualizações
- 23 de outubro de 2026: Estrelas 65,968 → 65,969, versão mais recente v5.112.2 (23 de outubro de 2026).
- 23 de outubro de 2026: Estrelas 65,976 → 65,968, versão mais recente v5.112.1 (22 de outubro de 2026).
- 16 de outubro de 2026: Estrelas 65,943 → 65,976, versão mais recente v5.112.0 (15 de outubro de 2026).
- 19 de setembro de 2026: Estrelas 65,949 → 65,943, versão mais recente v5.111.1 (18 de setembro de 2026).
O que você ganha
- Ele combina arquivos JavaScript para serem executados no navegador.
- Ele reduz o tempo de carregamento do aplicativo com seu recurso de divisão de código.
- Ele pode pré-processar diferentes tipos de arquivos, como TypeScript.
Instalação
npm install --save-dev webpackyarn add webpack --devSe você não programa
Como desenvolvedor web, quero empacotar com eficiência arquivos JavaScript e outros ativos estáticos em meus projetos. Como posso gerenciar meus módulos, configurar a divisão de código e definir carregadores adequados para meu projeto usando Webpack? Ajude-me a criar um exemplo de arquivo de configuração para iniciantes.
Repositório: https://github.com/webpack/webpack. Baseie-se nas instruções oficiais no arquivo README deste repositório para a instalação e execução.
Antes de começar, verifique em qual sistema operacional estamos e se as ferramentas necessárias (ex: Python, Node.js, Git, Docker) estão instaladas. Instale as que faltarem passo a passo de acordo com este sistema.
Crie uma pasta nova e vazia para trabalhar. Não toque em arquivos fora desta pasta e não exclua nada. Antes de executar cada comando, diga o que você vai fazer em uma frase.
Diga-me o que devo ver na tela ao final de cada etapa. Se ocorrer um erro, colarei a mensagem de erro para você exatamente como ela é, e vamos corrigi-la juntos.
Termos relacionados do glossário
Links
A TreScout não desenvolveu esta ferramenta · nós a encontramos nas tendências do GitHub e a apresentamos. Esta página descreve o repositório em 2026-08-05: A contagem de estrelas e o nosso texto são daquele dia, o repositório pode ter mudado desde então. Consulte o link do repositório para ver o estado atual. O texto de apresentação foi preparado com IA a partir da própria documentação do repositório e esta página foi traduzida automaticamente do original em turco · a versão turca é a que vale.