Какие файлы .map используются в Bootstrap 3.1?

Ответ 1

От Работа с препроцессорами CSS в Chrome DevTools:

Многие разработчики создают таблицы стилей CSS, используя препроцессор CSS, такой как Sass, Less или Stylus. Поскольку файлы CSS генерируются, редактирование файлов CSS напрямую не так полезно.

Для препроцессоров, поддерживающих исходные карты CSS, DevTools позволяет вам жить-редактировать исходные файлы препроцессора на панели "Источники" и просматривать результаты без необходимости покидать DevTools или обновлять страницу. Когда вы проверяете элемент, стили которого предоставляются сгенерированным файлом CSS, на панели "Элементы" отображается ссылка на исходный исходный файл, а не на сгенерированный файл .css.

Ответ 2

Если вы просто хотите избавиться от ошибки, вы также можете удалить эту строку в bootstrap.css:

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

Ответ 3

Это исходные карты. Предоставьте их вместе с файлами сжатого источника; инструменты разработчика, такие как в Firefox и Chrome, будут использовать их для отладки, как если бы код не был сжат.

Ответ 4

Бутстрап css может быть сгенерирован Less. Основная цель файла карты используется для связывания исходного кода css с меньшим количеством исходного кода в инструменте chrome dev. Как мы и делали. Если мы проверим элемент в инструменте chrome dev. вы можете увидеть исходный код css. Но если включить файл карты на страницу с помощью загрузочного файла css. вы можете видеть меньше кода, который применяется к стилю элемента, который вы хотите проверить.

Ответ 5

Вы когда-нибудь хотели, чтобы ваш клиентский код мог читать и, что еще важнее, отлаживать, даже после того, как вы объединили и минимизировали его, не влияя на производительность? Ну, теперь вы можете через волшебство исходных карт.

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

Ответ 6

Для тех, кто пришел сюда в поисках этих файлов (как и я), вы обычно можете найти их, добавив .map в конец URL-адреса:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map

Обязательно замените версию любой версией Bootstrap, которую вы используете.