Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Що таке плагін у Vite?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

**Плагін у Vite** - це модуль, який розширює або змінює поведінку збирача. Він працює приблизно як плагіни в Rollup (на якому заснований Vite) і може втручатися в різні етапи: від завантаження вихідників до генерації підсумкових файлів.

---

### Основні завдання плагінів:

- додавати підтримку нових форматів (наприклад, Markdown, SVG як компонент)
- оптимізувати код, мінімізувати, впроваджувати змінні середовища
- змінювати імпорт/експорт модулів
- підключати зовнішні інструменти (PostCSS, ESLint, PWA тощо)

---

### Приклад структури плагіна:

```js
export default function myPlugin() {
  return {
    name: 'my-plugin',
    transform(code, id) {
      if (id.endsWith('.txt')) {
        return `export default ${JSON.stringify(code)}`
      }
    }
  }
}
```

---

### Як підключаються:

Плагіни додаються у `vite.config.js`:

```js
import myPlugin from './myPlugin.js'

export default {
  plugins: [myPlugin()]
}
```

---

**Підсумок:**
Плагін у Vite - це функція, яка підключається до життєвого циклу збірки і дозволяє змінювати процес роботи Vite або додавати нові можливості.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати144 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.