Почему добавляются дополнительные файлы стилей?

Question

Я устраняю неполадки в небольшом HTML-файле, на который ссылается только одна таблица стилей. Это https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css.

Chrome Developer Tools * На вкладке 1004 * показано, что это единственный загруженный файл css.

Однако при проверке элемента в Chrome Developer Tools в boostrap.min.css нет стилей. Вместо этого есть ссылки на стили в файлах, такие как _navbar.scss. Они отображаются с номерами строк, и если я нажму на такую ​​ссылку, она откроется на https://maxcdn.bootstrapcdn.com/bootstrap/_navbar.scss на вкладке Sources.

Я сейчас в замешательстве. Как этот _navbar.scss файл включается? Почему в bootstrap.min.css не найдено стилей?

Вот как это выглядит при проверке элементов:

Я неправильно использую Chrome Developer Tools?

Answer 1

Вы видите исходный код, из которого была собрана bootstrap.min.css.Исходные файлы начальной загрузки 4 написаны на sass и выглядят так:

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