À propos du projet
webpack-dashboard est un plugin de tableau de bord CLI pour webpack, conçu pour rendre la sortie de webpack dev server plus lisible et utile. Au lieu de faire défiler des journaux de build bruyants, il présente les informations de build dans une interface utilisateur de terminal, semblable à un tableau de bord.
Installation :
Vous pouvez l'installer localement en tant que dépendance de développement avec npm ou yarn :
npm install --save-dev webpack-dashboard
yarn add --dev webpack-dashboard
Il peut également être installé globalement pour être utilisé avec n'importe quel projet.
Utilisation :
Tout d'abord, importez le plugin et ajoutez-le à votre configuration webpack :
const DashboardPlugin = require("webpack-dashboard/plugin");
module.exports = {
plugins: [new DashboardPlugin()]
};
Ensuite, enveloppez votre commande de démarrage du serveur de développement avec l'outil CLI. Par exemple, remplacez :
"dev": "webpack-dev-server"
par :
"dev": "webpack-dashboard -- webpack-dev-server"
Le même modèle fonctionne pour les scripts node ou webpack directement.
Personnalisation :
Le plugin accepte des options telles qu'un port personnalisé pour la communication entre le plugin et l'outil CLI. Pour un port personnalisé, définissez-le dans la configuration webpack :
new DashboardPlugin({ port: 3001 })
Puis passez le port correspondant à la CLI :
webpack-dashboard --port 3001 -- webpack
D'autres options CLI incluent --color pour la couleur ANSI, --minimal pour le mode minimal, --title pour définir le titre de la fenêtre du terminal, et --include-assets pour limiter les assets affichés par un préfixe de chaîne. Le plugin prend également en charge les options host, port, includeAssets et handler.
Plateformes supportées :
macOS est supporté dans Terminal, iTerm 2 et Hyper, avec des événements de souris disponibles selon les paramètres du terminal. Windows 10 fonctionne dans l'Invite de commande, PowerShell et le Sous-système Linux pour Windows, bien que les événements de souris ne soient pas supportés ; le défilement utilise les touches fléchées et page. Linux est vérifié dans le terminal intégré pour les distributions basées sur Debian telles qu'Ubuntu et Mint, avec le support automatique des événements de souris et du défilement.
Maintenance :
Le projet est activement maintenu par Formidable, et les rapports de bugs, les demandes de fonctionnalités et les pull requests sont les bienvenus.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.