2015-06-11 5 views
-1

Я использую sass release bootstrap 3 с приложением MVC.Bootstrap 3 + SASS

При просмотре стилей с помощью Google Chrome - инспектор ссылается на меньшее количество файлов. Единственными файлами, на которые ссылаются страницы html, является bootstrap.css (я не включил в него меньше файлов).

Однако, например, глядя на размер шрифта на кнопке. Это ссылка на buttons.less, и если вы переходите к источникам в Chrome, вы можете перемещаться по css/less и видеть все меньше файлов (эти файлы не существуют в файловой системе)

Почему Chrome ссылается на меньшее количество файлов (и а не файлы SCSS)? Файл карты был обновлен обновлением Visual Studio 2013 4.

Если я использую FireFox (попадание на те же страницы mvc/html), он соответствующим образом показывает ссылки на файл scss.

Так что есть проблема с файлом карты (я не думаю, что FireFox не сможет нормально читать), почему Chrome ссылается на меньшее количество файлов?

ТНХ

+1

Я имею в виду http://sass-lang.com/ и как/почему у меня проблема в Chrome. Т.е. почему Chrome ссылается на меньшее количество файлов (а не на файлы SCSS)? – David

ответ

1

Файл bootstrap.css возможно содержит карту источника рядного скомпилированную с меньшими затратами.

См: http://lesscss.org/usage/#command-line-usage-options:

lessc --source-map-map-inline 

This option specifies that the map file should be inline in the output CSS. This is not recommended for production, but for development it allows the compiler to produce a single output file which in browsers that support it, use the compiled css but show you the non-compiled less source. 

второй источник карта комментарий возможно указывает на исходный карте генерируемый Сасс. Chrome и FF показывают разные результаты при ссылке на две разные карты источников в одном файле.

Я не уверен, почему вы должны иметь исходные карты в своем файле. Если вы импортируете код CSS, скомпилированный с помощью Less в коде Sass, это может произойти, возможно.

Смежные вопросы