# Швидкий старт AfterPack: обфускуйте збірку за кілька хвилин

Оберіть фреймворк, встановіть одну dev-залежність, зберіть проєкт і відкрийте Protection Map.

Source: https://www.afterpack.dev/uk/docs/quickstart

**Почніть з агентом** (Вставте в Claude Code, Codex, Cursor або Copilot):

```text
Add AfterPack to this project: read https://www.afterpack.dev/llms.txt, follow the quickstart for my framework, then run a production build and show me the Protection Map.
```

## Оберіть фреймворк

*(interactive framework picker — pick a framework below or see the web page)*

## Що збірка робить за замовчуванням

- **[Пресет](https://www.afterpack.dev/uk/docs/config#preset) `light`**: [складність](https://www.afterpack.dev/uk/docs/config#complexity) 5. Рядкові літерали [закодовано](https://www.afterpack.dev/uk/docs/config#strings-encode), ідентифікатори перейменовано, а синтаксис переписано, без додаткових структурних шарів. Підвищуйте пресет, коли проєкту потрібно більше, з виміряною [ціною завантаження](https://www.afterpack.dev/uk/docs/presets#load-cost); див. [Пресети](https://www.afterpack.dev/uk/docs/presets).
- **Новий випадковий [сід](https://www.afterpack.dev/uk/docs/config#seed) на кожну збірку**, тож дві збірки одного й того самого вихідного коду виходять структурно різними. [Зберіть один раз і просувайте ті самі байти](https://www.afterpack.dev/uk/docs/builds); закріплюйте `seed: "git"` лише тоді, коли потрібен відтворюваний результат.
- **Dev-збірки не зачіпаються.** Плагін обробляє лише [продакшн-збірку](https://www.afterpack.dev/uk/docs/config#build-mode).
- **Збірка зупиняється з помилкою (fail closed).** Файл, який рушій не може обфускувати, завершує збірку помилкою і називає цей файл. Див. [Коди виходу](https://www.afterpack.dev/uk/docs/diagnostics#exit-codes).

Щоб залишити плагін встановленим, але пропустити рушій на один запуск, установіть [`build.autorun`](https://www.afterpack.dev/uk/docs/config#build-autorun) у `false`.

## Перевірте результат

[Protection Map](https://www.afterpack.dev/uk/docs/protection-map) показує ваш оригінальний вихідний код, розфарбований за тим, скільки трансформацій зазнав кожен токен. Звіт записується у `.afterpack/protectionMap.html`, коли бандлер видав source map і збірка працює поза CI; кожен посібник для фреймворку показує, як увімкнути source map. Звіт містить увесь ваш вихідний код. Ніколи не комітьте його і не роздавайте з сервера. `.afterpack/` має власний `.gitignore`, тож git його ігнорує.

*(live Protection Map demo embed — see https://www.afterpack.dev/protection-map-demo)*

Відкрийте [живий демозвіт](https://www.afterpack.dev/protection-map-demo), щоб побачити приклад ще до першої збірки.

## Захистіть окремий код сильніше

Глобальна обфускація покриває весь бандл. Щоб посилити захист однієї ділянки або, навпаки, не чіпати її, позначте її [директивою](https://www.afterpack.dev/uk/docs/directives):

```ts
/* @afterpack preset=hard */
function checkLicense(token: string) {
  return verify(token);
}
/* @afterpack end */

const apiKey = /* @afterpack preset=extreme */ "YOUR_SECRET";
```

Директиви діють у збірках [Pro](https://www.afterpack.dev/uk/docs/tiers); сторінка [Директиви](https://www.afterpack.dev/uk/docs/directives) описує граматику та кожен ключ, який можна задати.

## Далі

- [Як працює AfterPack](https://www.afterpack.dev/uk/docs/concepts): що зловмисник може відновити, а що ні.
- [Конфігурація](https://www.afterpack.dev/uk/docs/config): кожен параметр і де його задати.
- [Найкращі практики](https://www.afterpack.dev/uk/docs/best-practices): що позначати, що не чіпати, і CI.