AIKraft/AI/Войти
AIKraft/Skills/tree shaking

tree shaking

Teaches tree shaking for dead code elimination in JavaScript bundles. Use when your bundle includes unused exports and you want to reduce the final bundle size during the build step.

patternsdev official Разработка

Что делает навык

Навык устраняет мёртвый код из JavaScript-бандлов, исключая неиспользуемые экспорты для уменьшения итогового размера файла. Это снижает время загрузки, парсинга и выполнения кода в приложениях, использующих сборщики модулей.

Когда применять

  • Когда бандл содержит неиспользуемые экспорты из импортированных модулей
  • Необходимо уменьшить размер JavaScript-бандла для улучшения производительности загрузки
  • При использовании ES2015 модулей (import/export) для оптимизации графа зависимостей
  • Когда требуется исключить код без побочных эффектов из финальной сборки

Как работает

  1. Использовать синтаксис импорта/экспорта ES2015, так как только ES-модули могут подвергаться tree shaking
  2. Применять именованный импорт вместо импорта всего модуля для эффективного отсечения неиспользуемого кода
  3. Отмечать пакеты как side-effect-free в package.json, если они не влияют на глобальную область видимости
  4. Учитывать, что модули с побочными эффектами (например, полифилы) не могут быть безопасно исключены из бандла
  5. Полагаться на сборщик (webpack или Rollup) для обхода графа зависимостей от точки входа и включения только используемых частей

Примеры запросов агенту

Как оптимизировать бандл webpack, удалив неиспользуемые функции из модуля utilities.js?
Настрой tree shaking для ES-модулей, чтобы уменьшить размер итогового JavaScript-файла
Как правильно использовать именованный импорт для исключения мёртвого кода из сборки?

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «tree-shaking» из репозитория: # https://github.com/patternsdev/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r tree-shaking/ ~/.claude/skills/tree-shaking/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.