Utils365

Форматтер и минификатор JavaScript

Сделайте минифицированный JavaScript читаемым или сожмите свои скрипты для продакшена.

Вставьте JavaScript, откройте файл .js или перетащите его сюда

Далее: Форматтер JSON · Форматтер и минификатор CSS

Сообщить о проблеме с этим инструментом

Как использовать Форматтер и минификатор JavaScript

  1. Вставьте JavaScript

    Вставьте скрипт или откройте либо перетащите файл .js. Форматирование идёт прямо во время ввода.

  2. Отформатируйте или минифицируйте

    Форматирование расставляет отступы в 2 или 4 пробела или табуляцию. Минификация сокращает имена и удаляет пробелы и комментарии.

  3. Скопируйте или скачайте

    Скопируйте результат или скачайте его как файл .js. При минификации видно, насколько он уменьшился.

Почему стоит использовать Utils365

  • Настоящая минификация

    Terser — минификатор, на котором построено большинство сборщиков, — переименовывает локальные переменные, удаляет мёртвый код и сокращает выражения.

  • Ошибки легко найти

    Синтаксическая ошибка останавливает минификатор, и вы видите строку и столбец с отмеченным кодом вокруг.

  • Безопасно для обычных скриптов

    Имена верхнего уровня не переименовываются, поэтому другие скрипты на странице, использующие ваши функции, продолжают работать.

  • Конфиденциально по умолчанию

    Код форматируется в вашем браузере и никуда не загружается, поэтому закрытый исходный код остаётся закрытым.

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

Что делает минификатор JavaScript?

Удаляет пробелы, переносы строк и комментарии, переименовывает локальные переменные в однобуквенные и переписывает код короче без изменения поведения. Скрипты часто уменьшаются вдвое и больше.

Можно ли развернуть минифицированный JavaScript?

Выберите «Форматировать», чтобы вернуть отступы и переносы строк и код можно было прочитать. Исходные имена переменных и комментарии восстановить нельзя: минификация их отбросила.

Поддерживается ли современный JavaScript?

Да: классы, стрелочные функции, async и await, optional chaining, import и export, а также await верхнего уровня в модулях.

Сохраняются ли лицензионные комментарии?

Да. Комментарии, начинающиеся с /*! или содержащие @license или @preserve, остаются в минифицированном коде.

Работает ли это с TypeScript или JSX?

Не напрямую. Минификатор читает только стандартный JavaScript, поэтому сначала скомпилируйте TypeScript и JSX в JavaScript, а затем вставьте результат.