Как работает less.js
В настоящее время я только сделал обходной путь less.js с моим сайтом. И это прекрасно работает. Допустим, код выглядит следующим образом.
<html>
<head>
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.min.js"></script>
</head>
<body>
...
</body>
</html>
Когда я обновил styles.less файл, просто обновите страницу. Less.js скомпилирует меньший файл и подаст заявку на страницу. Но мне просто интересно, где хранится файл css? и я также хочу знать, делает ли меньше.js lessc скомпилировать файл меньше?
Благодарю.
2 ответа
В настройках, которые вы указали (страница HTML), вы позволяете клиенту беспокоиться о интерпретации файла Less.
Чтобы быть точным, Браузер загружает библиотеку JavaScript, на которую вы ссылаетесь, и затем этот JavaScript интерпретирует styles.less файл.
Фактический файл CSS не хранится на сервере, так как это вся работа на стороне браузера, и я сомневаюсь, что браузер хранит его где-то, кроме оперативной памяти.
Это не похоже на хороший подход, хотя. Мы, щедрые владельцы сайтов с высококлассными серверами, любим как можно больше снимать вычислительную нагрузку с клиентов. Мы не хотим расстраивать пользователя iPhone, который разряжается от батареи без необходимости.
Или вы запускаете lessc styles.less > styles.css в вашем файле стилей после того, как вы закончили редактирование. А потом использовать styles.css в HTML, также удалите less.js из HTML.
Вопрос, который вы, возможно, захотите задать: как мне сделать автоматическую компиляцию в css?
Есть несколько решений:
- Автоматизируйте компиляцию меньшего количества изменяемого файла, используя некоторое программное обеспечение для просмотра файла или каталога.
- Редактор, который вы используете, может иметь меньше возможностей для компиляции или может быть добавлен как расширение.
- Возможно, вы захотите рассмотреть strat, используя веб-фреймворк Это просто излишнее просто компилировать меньше, но если вы получаете другие рекомендации из веб-фреймворка или уже используете его - это хороший вариант. Пример использования промежуточного программного обеспечения Less с платформой Express.
Я знаю следующее: файл JavaScript, доступный для чтения меньше, из тега 'link', затем аналитический в html-страницу в теге 'style', вы должны использовать инструмент отладки браузера, чтобы увидеть его (его динамический при закрытии страницы, после чего тег style будет очищен).