Мініфікатор / Форматер JavaScript
Вхідний JavaScript
Результат JavaScript
Про цей мініфікатор і форматер JavaScript
Цей інструмент стискає JavaScript, видаляючи коментарі, зайві пробіли та надлишкове форматування зі сніпетів і невеликих скриптів.
Також він може відформатувати компактний JavaScript у читабельну структуру для рев'ю, дебагу та швидких правок.
Як користуватися
- Вставте JavaScript у поле вводу.
- Оберіть «Мініфікувати» для стискання або «Форматувати» для читабельного вигляду.
- Скопіюйте результат і використайте на сторінці, у сніпеті чи нотатках.
Поради
- Мініфікуйте JavaScript для малих інлайнових сніпетів чи швидкого зменшення розміру.
- Форматуйте, коли переглядаєте сторонні сніпети чи згенерований код.
- Для продакшн-бандлів використовуйте білд-інструмент проєкту — так збережуться source maps і обробка сучасного синтаксису.
Що перевірити після мініфікації JavaScript
Не виконуйте вставлений код
Інструмент працює з JavaScript як з текстом, але не вставляйте неперевірений код у продакшн-проєкти без рев'ю.
Source maps — окремо
Мініфікація сніпетів не створює source maps. Для бандлів застосунку використовуйте білд-інструмент, щоб дебаг лишався можливим.
Перевірте сучасний синтаксис
Згенерований чи дуже сучасний JavaScript може потребувати транспіляції, tree shaking або таргетингу середовища у вашому проєкті.
Тестуйте після копіювання
Проганяйте звичні тести чи перевірки в браузері після заміни JavaScript, особливо якщо код містить рядки, регулярні вирази чи шаблонні літерали.
Перевірки мінімізації JavaScript перед production-релізом
Мінімізація може змінити код через неправильні припущення про синтаксис, назви, side effects, module targets або runtime support.
Цільовий runtime
Явно задайте ECMAScript і browser target, щоб output не містив непідтримуваний синтаксис або небезпечні перетворення.
Збереження назв
Зберігайте назви functions і classes, якщо від них залежать framework, reflection, dependency injection, stack traces або serialization.
Side effects
Перевірте tree shaking, pure annotations, getters, module initialization і код, поведінка якого залежить від порядку виконання.
Можливість діагностики
Створюйте захищені source maps, завантажуйте їх у error service і тестуйте саме мінімізований bundle.
Пов’язані інструменти
Можливо, тобі також стануть у пригоді ці інструменти.