Grunt Less — компиляция, использование watch
Для работы с Less установим плагин grunt-contrib-less.
Откройте консоль и перейдите в папку проекта:
1 | cd <путь к папке> |
Для установки плагина запустите команду:
1 | npm install grunt-contrib-less --save-dev |
Чтобы отслеживать изменения и компилировать файлы less, понадобится плагин grunt-contrib-watch.
Для его установки запустите команду:
1 | npm install grunt-contrib-watch --save-dev |
Теперь необходимо настроить файл Gruntfile.js .
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | module.exports = function(grunt) { grunt.initConfig({ less: { development: { options: { compress: true, yuicompress: true, optimization: 2 }, files: { "css/style.css": "less/style.less" } } }, watch: { styles: { files: ['less/**/*.less'], tasks: ['less'], options: { nospawn: true } } } }); grunt.registerTask('default', ['less', 'watch']); }; |
Настройки плагина grunt-contrib-less
compress
Значения: true или false.
По умолчанию: false.
При установленном значении true скомпилированный css файл будет сжиматься.
rootpath
Путь, который будет к прибавляться к началу любого URL.
ieCompat
По умолчанию: true.
Обеспечивает совместимость с Internet Explorer 8.