Tag Archives: grunt

Brunch — ещё одна система тасков на node.js

Аналог grunt, но вроде быстрее — http://brunch.io/compare.html. Надо бы попробовать.

Пара статей об оптимизаторе изображений ImageOptim-CLI

Он включает в себя лучшие сжиматели для разных типов картинок и запускается из командной строки. Доступен в виде Grunt-таска. http://www.smashingmagazine.com/2013/12/17/imageoptim-cli-batch-compression-tool/ http://jamiemason.github.io/ImageOptim-CLI/ (таблица сравнений разных сжимателей)

Написал Grunt-таск для бэкапа wordpress в репозиторий

Идея — делать бэкапы кода и базы в репозиторий на bitbucket. Запуск через крон. Сам код (если кому интересно) опубликую попозже. А вот полезные ссылки: https://npmjs.org/package/grunt-git (чтобы склонировать проект) https://npmjs.org/package/grunt-contrib-copy (для копирования кода) https://npmjs.org/package/grunt-file-process (для распарсивания конфига, чтобы узнать настройки доступа к базе) https://npmjs.org/package/grunt-mysql-dump (хотел дампить базу, но не взлетело) https://npmjs.org/package/grunt-shell (для дампа базы, для …

Немножко полезного про упрощение Grunt-тасков

Например

require('load-grunt-tasks')(grunt);

1	require('load-grunt-tasks')(grunt);

http://martineau.tv/blog/2013/12/more-efficient-grunt-workflows/

Grunt-таск для оптимизации картинок

Говорят, хорошая штука для минимизации размера картинок. Сам пока не пробовал. https://github.com/gruntjs/grunt-contrib-imagemin

Grunt-таск для избавления от лишних стилей в css

https://github.com/addyosmani/grunt-uncss Конфиг примерно такой:

uncss: {
  dist: {
    files: {
      'dist/css/tidy.css': ['app/index.html','app/about.html']
      }
    },
    options: {
      compress:true
    }
}
processhtml: {
  dist: {
    files: {
      'dist/index.html': ['app/index.html'],
      'dist/about.html': ['app/about.html']
    }
  }
}

uncss: {

dist: {

files: {

'dist/css/tidy.css': ['app/index.html','app/about.html']

}

options: {

compress:true

}

processhtml: {

dist: {

files: {

'dist/index.html': ['app/index.html'],

'dist/about.html': ['app/about.html']

}

Grunt-init для генерации файлов

Библиотека — https://github.com/gruntjs/grunt-init, описание — http://gruntjs.com/project-scaffolding. Позволяет генерировать файлы по шаблону. Можно создавать свои шаблоны. В общем, классная штука:) Подробности — по ссылкам.

Доступ к grunt-заданиям из Google Chrome

https://github.com/vladikoff/grunt-devtools

Отладка Grunt-задания в WebStorm

Вообще-то у меня PhpStorm, но, думаю, все будет работать и в WebStorm. Обновление: для PhpStorm 7 нужно сначала поставить плагин для node.js (Настройки→plugins→Install Jetrains plugin…→NodeJS) В общем-то, это следует из этой статьи — Способы отладки node.js приложения. Запускаем в командной строкеcd <path to Gruntfile> node —debug-brk=64005 $(which grunt) img2base64 # в fish node —debug-brk=64005 (which …

Установка node-canvas

Если npm install canvas не ставится под MacOS (не находится файл cairo.h), то надо $ brew update $ brew install node $ brew install cairo $ brew link pixman $ brew link cairo $ npm install canvas https://github.com/LearnBoost/node-canvas/issues/225