Tiny Online Tools
Куда делись все эти байты?
Продакшн-бандл — это один огромный минифицированный файл. Знание, что он весит 340 КБ, ничего не говорит о почему — а именно этот вопрос важен, когда вы пытаетесь его уменьшить. Этот инструмент отвечает на него напрямую: загрузите бандл и его файл .map, и каждый байт будет распределён по исходному модулю, который его произвёл.
Как работает распределение
Сопоставления source map говорят: «сгенерированный столбец 4110 пришёл из src/utils/format.js». Этот инструмент проходит по каждому сопоставлению файла по порядку и измеряет расстояние до следующего на той же сгенерированной строке — этот промежуток и есть участок сгенерированного кода, засчитанный источнику этого сопоставления. Это то же приближение на уровне строк, что использует известный CLI-инструмент source-map-explorer, и оно честно называет себя приближением: два соседних токена на одной сгенерированной строке без сопоставления между ними (случайный пробел, символ, вставленный минификатором) попадают в собственную категорию неразмеченных, а не тихо приписываются соседнему источнику.
Структурные байты — переводы строк между сгенерированными строками — по той же причине получают собственную категорию: они принадлежат структуре файла, а не какому-либо конкретному модулю.
Проверка сходимости
Каждый запуск показывает буквальный результат: X байт распределено из Y байт всего, а также количество неразмеченных и структурных байт, и совпадает ли распределено + неразмечено + структурно ровно с полной длиной файла. Это не косметическая деталь — это гарантия того, что ни один байт не был тихо потерян или посчитан дважды, и вы можете проверить это сами, а не верить инструменту на слово.
По файлам или по папкам
Переключайтесь между строкой на каждый исходный файл и сводкой по папкам верхнего уровня — node_modules/lodash суммирует все файлы, которые внёс lodash, так что видно, «сколько эта зависимость стоит на самом деле», не пролистывая сначала сорок отдельных файлов. Всё отсортировано по размеру, от большего к меньшему, а экспорт в CSV сохраняет те же цифры для дальнейшего анализа.
Конфиденциальность
Оба файла полностью читаются и обрабатываются в вашем браузере. Ничего никуда не отправляется.