Webpack-bundle-analyzer потрясающий. Если вы никогда не использовали его, вы будете удивлены весом некоторых библиотек и их наличием в комплекте.
Но create-react-app поставляется без встроенного анализатора пакетов и без извлечения (и мы хотим отложить этот момент как можно дольше), нет возможности исправить это.
Or is it?
Оказывается, для этой конкретной цели мы можем исправить приложение create-react-app без извлечения. Кроме того, он очень чистый, так как без вашей конфигурации не повредит.
Вам просто нужно создать .js
файл (я использую папку scripts
для таких вещей, а имя файла - analyze.js
) и добавить следующий код:
Вот и все; запуск node scripts/analyze.js
запустит производственную сборку вашего приложения и запустит за вас сервер bundle-analyzer:
Примечания:
- Обратите внимание, что этот сценарий использует внутренние файлы приложения create-response-app и api, никто не гарантирует, что он не сломается; проверено с
[email protected]
; - Вы, очевидно, не ограничены использованием этого конкретного плагина, это просто мой личный фаворит;