AIKraft/AI/Войти
AIKraft/Skills/Сборщик Parcel

Сборщик Parcel

Best practices and guidelines for Parcel, the zero-configuration web application bundler

mindrally official Другое

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

Skill «Сборщик Parcel» предоставляет экспертные рекомендации по использованию Parcel — бандлера веб-приложений с нулевой конфигурацией. Он помогает автоматизировать сборку, оптимизацию и разработку проектов, поддерживая JavaScript, TypeScript, CSS, изображения и другие ресурсы без ручного настройки.

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

  • Быстрый запуск проекта веб-приложения с автоматическим обнаружением зависимостей и горячей перезагрузкой.
  • Сборка продакшн-версии с минификацией, хешированием контента и tree-shaking.
  • Работа с TypeScript и React, включая автоматическую обработку JSX и типов.
  • Настройка CSS Modules, Sass/SCSS и обработки ассетов (изображения, шрифты).
  • Анализ бандла и оптимизация размера выходных файлов.

Как работает

  1. Инициализируйте проект, создав структуру с src/index.html и src/index.js, и запустите dev-сервер командой parcel src/index.html.
  2. Используйте package.json для настройки скриптов (dev, build, clean) и указания точки входа через поле source.
  3. Для продакшн-сборки выполните parcel build src/index.html, что обеспечит автоматическую минификацию и оптимизацию.
  4. При необходимости добавьте конфигурацию через .parcelrc или targets в package.json для кастомных трансформеров или отчетов.
  5. Используйте динамические импорты для разделения кода и .env файлы для управления переменными окружения.

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

Как настроить Parcel для сборки React-приложения с TypeScript?
Какие команды использовать для очистки кэша и запуска продакшн-сборки?
Как подключить CSS Modules и обработать изображения в Parcel?

Что понадобится

  • Node.js и npm/yarn для установки и запуска Parcel.
  • Установленный пакет parcel (и опционально @parcel/config-default, parcel-reporter-bundle-analyzer).

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

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

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

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