S
SuperOleg dev notes
@super_oleg_dev1.8K подп.
2.5Kпросмотров
28 мая 2025 г.
📷 ФотоScore: 2.7K
Одна из классных идей в новой CLI - кастомные трейсы в формате Trace Event Format Идея взята у Parcel, Rspack и Next.js, примеры: - https://parceljs.org/features/profiling/#tracing - https://github.com/parcel-bundler/parcel/blob/v2/packages/core/profiler/src/Tracer.js - https://rspack.dev/contribute/development/tracing Написал кастомный трейсер поверх либы chrome-trace-event, пример API: const tracer = new Tracer(); tracer.wrap({ event: 'event' }, async () => { await doSomethingAsync(); }); Во вложении пример визуализации кастомного трейса на сборку и несколько ребилдов, в интерфейсе https://ui.perfetto.dev/. Очень удобно смотреть сколько времени занимают основные операции, какие блокируют друг друга, где произошла ошибка (трейсы пишутся на диск не в конце а все время жизни скрипта) В идеале - еще собирать более подробные трейсы по сборке через хуки бандлера.
2.5K
просмотров
886
символов
Нет
эмодзи
Да
медиа

Другие посты @super_oleg_dev

Все посты канала →
Одна из классных идей в новой CLI - кастомные трейсы в форма — @super_oleg_dev | PostSniper