0

В некоторых шаблонах компонентов Битрикса есть скрипты типа "script.map.js" с подобным содержимым:

{"version":3,"file":"script.min.js","sources":["script.js"],"names":["JCSmartFilter","ajaxURL","viewMode","params",...

Для чего?

2
  • JCSmartFilter указывает на подключение скриптов умного фильтра 24 янв 2019 в 23:01
  • Введение в Javascript Source Maps habr.com/ru/post/148098 Это относится к js, а не к битриксу 1 фев 2019 в 14:35

1 ответ 1

2

Это "карта" для минимизированного файла (js или css). В конце файла, допустим, bootstrap.js присутствует запись:

//# sourceMappingURL=bootstrap.min.js.map

Также присутствуют подобные записи и в css:

/*# sourceMappingURL=bootstrap.min.css.map */

Страница, подгружающая bootstrap.js, глядя в текст, ищет файл bootstrap.min.js.map. Но браузер не найдя его, выдает ошибку "Файл не найден".

Чтобы такую ошибку убрать, создают файл ...js.map

Гугл пишет про файлы .map, что они нужны для минимизированных скриптов:

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

When you build for production, along with minifying and combining your JavaScript 
files, you generate a source map which holds information about your original files. 
When you query a certain line and column number in your generated JavaScript you can 
do a lookup in the source map which returns the original location

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.