Миграция с v1.x
Переход с v1.x на актуальную версию обычно требует полного обновления зависимостей и проверки конфигурации.
Основные практические препятствия:
- Старые схемы пакетов и импортов.
- Форма вызова
tsParticles.load(...). - Обновлённые ключи опций в современных схемах.
Миграция Load API
Современный load принимает один объект параметров.
До (устаревший позиционный стиль):
ts
await tsParticles.load("tsparticles", oldOptions);После:
ts
await tsParticles.load({
id: "tsparticles",
options: oldOptions,
});Если вы загружаете из JSON:
ts
await tsParticles.load({
id: "tsparticles",
url: "/particles.json",
});Миграция основных опций
Начните с поиска этих ключей в конфигурациях:
particles.color->particles.paint.fillparticles.stroke->particles.paint.stroke
Пример переписывания:
ts
// до
particles: {
color: { value: ["#ff6b6b", "#4ecdc4"] },
stroke: { width: 0 }
}
// после
particles: {
paint: {
fill: { color: { value: ["#ff6b6b", "#4ecdc4"] } },
stroke: { width: 0 }
}
}Рекомендуемые шаги
- Замените старые имена пакетов на актуальные пакеты
@tsparticles/*. - Начните с
@tsparticles/engine+@tsparticles/slim, затем добавьте нужные плагины. - Преобразуйте старые вызовы
loadв объектную сигнатуруload({ ... }). - Проверьте ключи опций по актуальной документации и исправьте переименованные или удалённые поля.
- Выполните визуальные проверки и проверки производительности на десктопе и мобильных устройствах.
Контрольный список
- Удалите устаревшие импорты старой структуры пакетов.
- Убедитесь, что взаимодействия, ссылки и пользовательские формы работают как ожидалось.
- Для конфигураций в стиле
particles.jsрассмотрите слой совместимости.
Полезная документация по опциям
- Матрица переименований:
/migrations/option-rename-matrix particles.paint:/options/particles-paint- Заметка о миграции
particles.color:/options/particles-color - Заметка о миграции
particles.stroke:/options/particles-stroke
Ссылки
- Совместимость и мост particles.js:
/migrations/particles-js - Матрица установки:
/guide/installation - Релизы репозитория: https://github.com/tsparticles/tsparticles/releases
