Перейти к содержимому
Aback Tools Logo

JavaScript-компрессор с Source Map

Минифицируйте JavaScript и создавайте файл Source Map v3 онлайн бесплатно — без инструментов сборки. Наш JavaScript-компрессор с source map создаёт .min.js для продакшена и файл .map для отладки, оба скачиваются как ZIP. Всё работает в вашем браузере, поэтому код никогда не покидает ваше устройство. Без регистрации.

JavaScript Compressor with Source Map
Minify JavaScript and generate a source map file - download both the compressed .min.js and its .map file. Runs entirely in your browser - your code never leaves your device.

JavaScript Input

Any JavaScript - ES5, ES6+, modules, scripts

Minified JS Output

Read-only - copy or download the minified output

About source maps

Source maps let browser DevTools map minified code back to the original source for debugging. Deploy the .min.js to production and keep the .map file on your server - the //# sourceMappingURL comment in the minified file tells DevTools where to find it.

Зачем использовать наш JavaScript-компрессор с Source Map?

  • Мгновенная минификация JS с Source Map: наш JavaScript-компрессор с source map минифицирует ваш код и мгновенно создаёт корректный файл Source Map v3 прямо в браузере — без обращений к серверу и инструментов сборки. Получите .min.js и .map за секунды, готовыми к продакшену.
  • Безопасный онлайн JavaScript-компрессор: ваш JavaScript-код никогда не покидает устройство. Наш онлайн JavaScript-компрессор с source map выполняется полностью на стороне клиента — код не загружается ни на один сервер. Смело минифицируйте проприетарную бизнес-логику, интеграции с API или чувствительный код приложений без риска для приватности.
  • Генерация Source Map v3: наш JavaScript-компрессор создаёт полностью корректный JSON-файл Source Map v3 с сопоставлениями в Base64 VLQ, встроенным sourcesContent и правильным комментарием sourceMappingURL. DevTools браузера могут использовать карту для показа исходного кода во время отладки — даже в продакшене.
  • 100 % бесплатно навсегда: используйте наш JavaScript-компрессор с source map совершенно бесплатно — без скрытых платежей, регистрации, рекламы и ограничений. Минифицируйте и генерируйте source maps онлайн столько раз, сколько нужно — для личных проектов, работы или корпоративного использования. Бесплатно навсегда.

Что такое JavaScript-компрессор с Source Map?

JavaScript-компрессор с source map — это инструмент, который минифицирует JavaScript-код для уменьшения размера файла и одновременно создаёт файл Source Map v3, сопоставляющий позиции минифицированного кода с исходным исходником. Это позволяет DevTools браузера показывать исходный, читаемый код во время отладки даже при отдаче минифицированного JavaScript в продакшене. Наш бесплатный онлайн JavaScript-компрессор с source map реализует минификатор на основе токенизатора и кодировщик source map в Base64 VLQ и работает полностью в вашем браузере без загрузки на сервер.

Как работает наш JavaScript-компрессор с Source Map

  1. 1 Вставьте или загрузите JavaScript: введите код в поле ввода или нажмите «Загрузить .js», чтобы выбрать файл. Задайте имя файла — оно используется в поле sources карты и в именах выходных файлов.
  2. 2 Настройте и минифицируйте: выберите параметры минификации (удалить комментарии, сжать пробелы, удалить console.log, удалить debugger). Нажмите «Минифицировать + создать Source Map» — вся обработка идёт локально в браузере с полной приватностью.
  3. 3 Скачайте оба файла: скачайте .min.js и .map по отдельности или нажмите «Скачать оба (.zip)», чтобы получить их вместе. Разместите .min.js на сервере, а .map — по тому же пути: комментарий в минифицированном файле указывает DevTools, где его искать.

Что минифицируется

  • Комментарии удаляются: однострочные ( // ) и многострочные комментарии убираются из вывода, уменьшая размер файла без потери функциональности.
  • Пробелы сжимаются: лишние пробелы, табуляции и переводы строк между токенами удаляются. Необходимые пробелы между ключевыми словами и идентификаторами сохраняются, чтобы синтаксис JavaScript остался корректным.
  • Строки сохраняются: строковые литералы, шаблонные строки и регулярные выражения сохраняются дословно — минификатор никогда не изменяет содержимое строк, что предотвращает случайные поломки.
  • Source Map создаётся: вместе с минифицированным выводом создаётся JSON-файл Source Map v3 с сопоставлениями в Base64 VLQ, встроенным sourcesContent и правильным комментарием sourceMappingURL.

Как использовать Source Map в продакшене

Разместите script.min.js на веб-сервере или CDN. Положите script.min.js.map по тому же URL-пути (например, /js/script.min.js.map). Комментарий в конце минифицированного файла указывает DevTools браузера, где взять карту. В Chrome DevTools откройте панель Sources — исходный файл будет показан под доменом. В целях безопасности можно ограничить доступ к файлу .map правилами сервера, чтобы его могли скачать только разработчики.

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

JavaScript-компрессор с source map — это инструмент, который минифицирует JavaScript для уменьшения размера файла и одновременно создаёт файл Source Map v3, сопоставляющий позиции минифицированного кода с исходным исходником. Наш бесплатный онлайн JavaScript-компрессор с source map работает полностью в вашем браузере — загрузка на сервер не требуется.

Наш JavaScript-компрессор с source map использует подход на основе токенизатора, который дословно сохраняет все строковые литералы, шаблонные строки и регулярные выражения. Комментарии и пробелы удаляются, а пробелы между ключевыми словами сохраняются. Протестируйте минифицированный результат перед публикацией в продакшене.

Безусловно. Наш JavaScript-компрессор с source map обрабатывает всё локально в вашем браузере. Ваш код никогда не загружается на сервер, не хранится удалённо и не покидает устройство.

Да — 100 % бесплатно, навсегда. Без регистрации, аккаунта, платных тарифов, ограничений на использование и рекламы.

Source Map v3 — это JSON-файл, который сопоставляет позиции в минифицированном коде с исходным исходником через данные позиций, закодированные в Base64 VLQ. DevTools браузеров используют его для отображения исходного кода на панели Sources — это позволяет отлаживать минифицированный продакшен-код.

Разместите файл .map по тому же URL-пути, что и файл .min.js. Комментарий //# sourceMappingURL в конце минифицированного файла подсказывает DevTools, откуда загрузить карту. Доступ к файлам .map можно ограничить правилами сервера.

Наш JavaScript-компрессор с source map предлагает: удаление комментариев, сжатие пробелов, удаление вызовов console.log() и удаление операторов debugger. Строковые литералы и шаблонные строки всегда сохраняются дословно.

Terser и UglifyJS — полноценные минификаторы на базе AST, которые обеспечивают на 30–50 % лучшее сжатие за счёт переименования переменных и удаления мёртвого кода. Наш инструмент использует подход на основе токенизатора — быстрее и проще. Используйте наш инструмент для разовых задач, а Terser — в сборочном конвейере для продакшена.

Наш JavaScript-компрессор с source map работает только с JavaScript. Чтобы минифицировать TypeScript, сначала скомпилируйте его в JavaScript с помощью tsc, а затем минифицируйте полученный .js нашим инструментом.