МЕНЬШЕ: как использовать dumpLineNumbers

Это может быть очень простой вопрос. Я новичок в МЕНЬШЕ и хотел бы понять, что dumpLineNumbers принадлежит к объекту JavaScript. Я добавил его в html-файл, но не вижу никакой разницы в выходе браузера или в средствах отладки браузера. Как это работает?МЕНЬШЕ: как использовать dumpLineNumbers

Вот исходные файлы я использую:

index.html:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>Example Code</title> 
    <meta name="description" content="Example Code" /> 
    <meta name="author" content="John Doe" /> 
    <link rel="stylesheet/less" type="text/css" href="less/styles.less" /> 
    <script type="text/javascript">less = { env: 'development', dumpLineNumbers: 'mediaQuery' };</script> 
    <script type="text/javascript" src="less-1.6.0.js"></script> 
</head> 
<body> 
    <h1>Less is Cool!</h1> 
    <p>Hello World!</p> 
</body> 
</html>

меньше/styles.css:

.mixin { 
    color: green; 
} 

p { .mixin; }

Даже если я введу ошибку в m у CSS, например, следующим образом, где я снял закрывающую скобку:

h1 {color:red; } 

.mixin { color: green; // closing brace omitted on purpose to cause an error 

p { .mixin; }

Я до сих пор не вижу никакой разницы в выходной, когда я удалить dumpLineNumbers свойство.

Спасибо.

источник

2014-10-11 John Sonderson

Этой опция генерирует старинную Sass совместимой отладочную информацию (закодированную в качестве специальной медиа блоков запроса или CSS комментариев в зависимости от значения параметра). Этот формат больше не используется, и в настоящее время он почти не рекомендуется в формате отладки «sourcemaps». Другими словами, забудьте об этом варианте - он скоро будет удален. –

Спасибо за ваш ответ. Я хотел бы узнать больше об отладочной информации, которую вы упомянули. Где я могу найти информацию об отладке, совместимую с Sass? Он не отображается в моем веб-браузере. Где я могу просмотреть формат отладки «sourcemaps». И что такое sourcemaps? Благодарю. –

Основные поисковые запросы в вашей любимой поисковой системе должны делать трюк. –

Во-первых, вам нужно будет написать mediaquery строчные буквы, чем он будет работать в Менее, по крайней мере, до версии 1.7.5.

В скомпилированный CSS вы найдете строки, такие как:

@media -sass-отлаживать-инфо {имя файла {семейство шрифтов: Файл: ///home/t.less} линии {семейство шрифтов : \ 0000315}

в вашем index.html вы должны использовать:

<script type="text/javascript"> 
less = { 
    env: "development", 
dumpLineNumbers: 'mediaquery' 
} 
</script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.5/less.min.js" type="text/javascript"></script>

в качестве альтернативы вы добавляете #!dumpLineNumbers:mediaquery к URL-адресу.

Обратите внимание, что вы можете сделать то же самое при компиляции на стороне сервера, выполнив следующую команду:

lessc --line-numbers=mediaquery index.less

Во-вторых, вы должны найти инструмент, который может прочитать эти строки @media -sass-debug-info. Для firefox был fireless, который теперь кажется тупиковым. Для Fireless требуется исправленная версия LESS, которая больше не доступна/поддерживается.

Также смотрите:

Less/Sass debugging in Chrome Dev Tools/Firebug

источник

2014-10-19 20:55:00

МЕНЬШЕ: как использовать dumpLineNumbers

ответ

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