Не могу получить less.js для работы
Я не могу получить less.js для работы, и я понятия не имею, почему. Heres HTML, который я пробовал:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- CSS -->
<link rel="stylesheet/less" href="main.less" />
<!-- Javascript -->
<!-- <script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script> -->
<script src="less-1.0.18.min.js" type="text/javascript"></script>
</head>
<body>
<p>
Lorum ipsum
</p>
</body>
</html>
И heres main.less:
p {
color: blue;
}
Файл less-1.0.18.min.js загружается из http://lesscss.googlecode.com/files/less-1.0.18.min.js. Все файлы находятся в одной папке. Я понятия не имею, почему это не работает...
Протестировано в Chrome 12.0.742.100
Edit
Пробовал файл less.js lates (less-1.1.3.min.js). Это тоже не сработало.
Теперь...
Это работает:
<link rel="stylesheet" type="text/less" href="main.less" />
Но только как нормальная css, не менее конкретная разметка.
Это не работает вообще:
<link rel="stylesheet/less" type="text/less" href="main.less" />
Кроме того, это не работает:
<link rel="stylesheet/less" type="text/css" href="main.less" />
Что, черт возьми? Как мне работать меньше?
Обнаружена ошибка
P.S.S. Браузер Less.js script в настоящее время не работает, если вы используете Chrome, и путь к вашей странице начинается с "file:///" из-за известной проблемы с Chrome.
Сорвать
Ответы
Ответ 1
P.S.S. Less.js браузер script в настоящее время не работает, если вы используете Chrome и путь к вашей странице начинается с "file:///" из-за известного Проблема с Chrome.
Но мы можем создать локальную тестовую среду, используя wamp (pc) или mamap (mac). Тогда все будет хорошо.
Ответ 2
Вы можете использовать переключатель командной строки -allow-file-access-from-files при запуске chrome - это позволит less.js обращаться к локальным меньшим файлам.
Ответ 3
Несмотря на то, что это было опубликовано некоторое время назад, я думал, что добавлю кое-что для других людей, застрявших на этом.
Если вы используете машину Windows, вы можете попробовать WinLess. Его предварительный компилятор для окон. Кажется прямолинейным. Удачи.
http://winless.org/
Ответ 4
Я рекомендую вам использовать скомпилированный файл LESS. Вы можете сделать это, например, в окнах с WinLess или SimpLESS.
Я использую winless. Он автоматически компилирует мои .css файлы, когда я сохраняю свой код.
Ответ 5
Я не считаю это хорошей идеей, чтобы ваши стили зависели от less.js. Почему бы не использовать компилятор вроде less.app и просто ссылку на скомпилированный файл css. Таким образом, вы получаете возможность писать меньше, без недостатка зависимости javascript.
Ответ 6
Необходимо добавить
тип = "текст/CSS"
к вашей ссылке css.
Ответ 7
если вы создаете сайт на localhost iss server.you добавьте эту строку на less.min.js
( "local.myresearch.com(ваш домен)" == a.location.hostname || "127.0.0.1" == a.location.hostname || "0.0.0.0" == a.location.hostname || "localhost" == a.location.hostname || a.location.port & a.location.port.length > 0 || b.isFileProtocol? "development": "производство" );