Sobre o projeto
O webpack-dashboard é um plugin de dashboard CLI para webpack, projetado para tornar a saída do webpack dev server mais legível e útil. Em vez de rolar por logs de build ruidosos, ele apresenta as informações de build em uma interface de terminal, semelhante a um painel.
Instalação:
Você pode instalá-lo localmente como uma dependência de desenvolvimento com npm ou yarn:
npm install --save-dev webpack-dashboard
yarn add --dev webpack-dashboard
Também pode ser instalado globalmente para uso em qualquer projeto.
Uso:
Primeiro, importe o plugin e adicione-o à sua configuração do webpack:
const DashboardPlugin = require("webpack-dashboard/plugin");
module.exports = {
plugins: [new DashboardPlugin()]
};
Em seguida, envolva seu comando de inicialização do dev server com a ferramenta CLI. Por exemplo, altere:
"dev": "webpack-dev-server"
para:
"dev": "webpack-dashboard -- webpack-dev-server"
O mesmo padrão funciona para scripts node ou webpack diretamente.
Customização:
O plugin aceita opções, como uma porta personalizada para comunicação entre o plugin e a ferramenta CLI. Para uma porta personalizada, defina-a na configuração do webpack:
new DashboardPlugin({ port: 3001 })
Depois, passe a porta correspondente para a CLI:
webpack-dashboard --port 3001 -- webpack
Outras opções de CLI incluem --color para cores ANSI, --minimal para modo minimalista, --title para definir o título da janela do terminal e --include-assets para limitar os assets exibidos por um prefixo de string. O plugin também suporta as opções host, port, includeAssets e handler.
Plataformas suportadas:
O macOS é suportado no Terminal, iTerm 2 e Hyper, com eventos de mouse disponíveis dependendo das configurações do terminal. O Windows 10 funciona no Prompt de Comando, PowerShell e Linux Subsystem for Windows, embora eventos de mouse não sejam suportados; a rolagem utiliza as teclas de seta e page. O Linux foi verificado no terminal integrado para distribuições baseadas em Debian, como Ubuntu e Mint, com eventos de mouse e rolagem suportados automaticamente.
Manutenção:
O projeto é mantido ativamente pela Formidable, e relatórios de bugs, solicitações de recursos e pull requests são bem-vindos.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.