Зачем использовать карту jquery?

Зачем использовать jquery.min.map, если:

jquery = 242 ko
jquery.min + jquery.min.map = 83 + 125 = 208 ko (the map is even greater than the library)

И если мы удалим комментарии, мы получим небольшой jquery, который может быть легче читать (и отлаживать).

Итак, зачем использовать map, если он добавит больше, чем 100 ko и дополнительный запрос?

Какова наилучшая практика?

screenshot

Ответ 1

Исходные карты загружаются только тогда, когда инструменты разработчика активны. Браузеры не будут загружать их для пользователей приложений.

Изменить. Следует отметить, что существует 2 типа исходных карт. Один, который является внешним файлом, и есть ссылка на него в фактическом файле, а другая - в основной файл. Браузеру действительно приходится загружать весь файл (т.е. Включая встроенную карту источника) для второго типа.

Для получения дополнительной информации просмотрите https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/.

Ответ 2

Это называется исходной картой. Этот ответ подробно рассказывает о том, чем они являются, как они работают и почему вы хотели бы использовать его.

ИЗМЕНИТЬ

Извлеченный ответ из вышеприведенной ссылки SO для потомков. Ответил @aaronfrost

Файлы .map предназначены для файлов js и css, которые были уменьшены. Они называются SourceMaps. Когда вы минимизируете файл, например, файл angular.js, он берет тысячи строк довольно кода и превращает его в несколько строк уродливого кода. Будем надеяться, что когда вы отправляете свой код на производство, вы используете сокращенный код вместо полной, незавершенной версии. Когда ваше приложение находится в производстве и имеет ошибку, sourcemap поможет взять ваш уродливый файл и позволит вам увидеть исходную версию кода. Если у вас не было исходной карты, тогда любая ошибка казалась бы загадочной в лучшем случае.

То же самое для файлов CSS. После того, как вы возьмете файл SASS или LESS и скомпилируете его в CSS, он не похож на оригинальную форму. Если вы включите sourcemaps, вы можете увидеть исходное состояние файла вместо измененного состояния.

Что это такое?

Для отмены ссылки на укрупненный код

Как разработчик может использовать его?

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

Должен ли я заботиться о создании файла js.map?

Если вам нужно облегчить процесс отладки производственного кода, тогда да, вы должны это сделать.

Как он создается?

Он создается во время сборки. Существуют инструменты построения, которые могут создавать ваш .map файл для вас, как и другие файлы. https://github.com/gruntjs/grunt-contrib-uglify/issues/71