Как быстро начать использовать LESS в своих проектах.
src
- исходники. Даны несколько файлов для примера. Компилируется файл /src/less/style.less
.
build
- собранный проект.
Как работать с консолью в Windows.
- Структура папок и файлов должна совпадать с вышеуказанной (можно скачать репозиторий и поместить его файлы в свой, можно склонировать репозиторий).
- В консоли "зайти" в папку проекта и вызвать команду
npm i
. Дождаться окончания установки зависимостей. - Для старта работы с проектом, вызвать команду
grunt
(если будет ругаться на отсутствие гранта, вызовайте командуnpm install -g grunt-cli
и дождитесь его установки). - Для завершения работы над проектом нажать Ctrl+C.
В Gruntfile.js описаны сами задачи и, в самом низу, списки задач, выполняемых при вызове команды grunt
и других. Всё подробно комментировано.
grunt
— компиляция, копирование, обработка CSS, старт слежения и локального сервера. См. Gruntfile.js
grunt style
— только задачи, качающиеся стилей (компиляция, постобработка, оптимизация).
grunt less
— только компиляция LESS → CSS.
Если проект уже "запущен", добавленные после запуска файлы не отслеживаются, перезапустите проект (нажать Ctrl+C, а потом снова стартовать командой grunt
).