Минификатор JavaScript

Минифицируйте JavaScript через Terser: удаляются пробелы и комментарии, сокращаются имена локальных переменных, применяются безопасные оптимизации.

Вывод

Работает полностью в вашем браузере. Ваши данные никуда не загружаются.

Похожие Инструменты

Просмотреть Все

Что такое Минификатор JavaScript?

Минификатор сжимает современный JavaScript (ES2015+) с помощью Terser — минификатора, который используют webpack и Vite. Он удаляет пробелы и комментарии, переименовывает локальные переменные в короткие имена и упрощает выражения.

Как пользоваться Минификатор JavaScript

  1. Вставьте JavaScript в поле ввода.
  2. Нажмите Минифицировать (результат также обновляется по мере ввода).
  3. Посмотрите строку с размером под результатом.
  4. Скопируйте или скачайте сжатый код.

Пример

Ввод
function add(first, second) {
  return first + second;
}
console.log(add(1, 2));
Вывод
function add(d,n){return d+n}console.log(add(1,2));

Когда использовать Минификатор JavaScript

Используйте для небольших скриптов, букмарклетов, встроенных блоков <script> и быстрой оценки размера. Для приложений поручите минификацию сборщику с source map. TypeScript и JSX не транспилируются — сначала уберите типы.

Как работает Минификатор JavaScript

Код минифицируется вызовом terser.minify с включёнными compress и mangle и удалением всех комментариев. Terser строит AST, подставляет константы, удаляет мёртвый код и неиспользуемые переменные в локальных областях видимости и переименовывает идентификаторы внутри функций. Имена верхнего уровня не укорачиваются, поэтому глобальные функции сохраняют имена. Синтаксические ошибки сообщаются со строкой и столбцом.

Распространенные Случаи Использования

  • Минификация отдельного скрипта для статического сайта
  • Создание компактных букмарклетов
  • Оценка того, насколько мала станет функция библиотеки
  • Удаление комментариев перед встраиванием кода

Примечание по Безопасности

Всё выполняется локально в вашем браузере: вставленный код никуда не загружается.

Часто Задаваемые Вопросы

Почему имена переменных верхнего уровня не сокращаются?

Имена верхнего уровня могут использоваться другими скриптами, поэтому Terser по умолчанию их сохраняет.

Поддерживаются ли TypeScript и JSX?

Нет, на вход нужен обычный JavaScript.

Создаётся ли source map?

Нет; если он нужен, используйте сборочный инструмент.

Что сделать дальше

Другие категории