Об этом проекте

webpack-dashboard — это плагин CLI-панели для webpack, разработанный для того, чтобы сделать вывод webpack dev server более читабельным и полезным. Вместо прокрутки зашумленных логов сборки он представляет информацию о сборке в терминальном интерфейсе, напоминающем дашборд. Установка: Вы можете установить его локально в качестве dev-зависимости с помощью npm или yarn: npm install --save-dev webpack-dashboard yarn add --dev webpack-dashboard Также возможна глобальная установка для использования в любом проекте. Использование: Сначала импортируйте плагин и добавьте его в конфигурацию webpack: const DashboardPlugin = require("webpack-dashboard/plugin"); module.exports = { plugins: [new DashboardPlugin()] }; Затем оберните команду запуска dev-сервера с помощью CLI-инструмента. Например, замените: "dev": "webpack-dev-server" на: "dev": "webpack-dashboard -- webpack-dev-server" Такой же шаблон работает для node-скриптов или напрямую для webpack. Настройка: Плагин принимает такие опции, как пользовательский порт для связи между плагином и CLI-инструментом. Для настройки порта укажите его в конфиге webpack: new DashboardPlugin({ port: 3001 }) Затем передайте соответствующий порт в CLI: webpack-dashboard --port 3001 -- webpack Другие опции CLI включают --color для ANSI-цветов, --minimal для минимального режима, --title для установки заголовка окна терминала и --include-assets для ограничения отображаемых ресурсов по строковому префиксу. Плагин также поддерживает опции host, port, includeAssets и handler. Поддерживаемые платформы: macOS поддерживается в Terminal, iTerm 2 и Hyper; события мыши доступны в зависимости от настроек терминала. Windows 10 работает в Command Prompt, PowerShell и Linux Subsystem for Windows, хотя события мыши не поддерживаются; прокрутка осуществляется с помощью клавиш со стрелками и Page. Linux проверен во встроенном терминале для дистрибутивов на базе Debian, таких как Ubuntu и Mint, где события мыши и прокрутка поддерживаются автоматически. Поддержка: Проект активно поддерживается компанией Formidable; приветствуются отчеты об ошибках, запросы на новые функции и pull-запросы.