Опыт работы с GruntJS

После года работы с грантом я начал задумываться над написанием своего велосипеда. С одной стороны огромное количество готовых штук это круто, с другой, если требуется нечто сложнее того, что тебе9 дают, уже приходится переписывать плагины… сейчас вместо огромных конфигов я стараюсь писать плагины сборщики под конкретную структуру проекта. Это удобнее и дает больше возможностей.

Пользуйтесь уже тогда моим grunt-bg-shell. Он позволяет запускать shell комманды параллельно в бэкграунде

В нашем проекте относительно много файлов. Примерно тысячи 2. Так вот, если покрыть livereload’ом все (с разными тасками, конечно), то nodejs начинает падать.

Пробовали увеличить лимит открытых файлов? На Mac по умолчанию 256, на Linux — 1024, на Win — не знаю.

делали мы интерактивную книгу одного популярного российского писателя. Книжка написана на JS

Доставляет. :)

— У меня есть две переменных, как мне их сложить?
— Я поставил плагин “jquery.math”, очень удобно!

сильно зависит от типов переменных и задачи :)

«Пример Gruntfile» — это ваш рабочий? Там нет 200 строк кода :)
Хочется побольше подробностей про Gruntfile.js, плагины которые вы используете, почему выбрали именно их, а от чего отказались, про грабли и наоборот про классные штуки, на которые надо обратить внимание.

Как-то у вас пост на самом интересном обрывается :-)

Что потом происходит с переменной config? Зачем нужна переменная plugins?

Если вы используете imgo, рекомендую еще посмотреть на svgo: github.com/svg/svgo

Про склейку JS здесь, я так понял, упомянут только concat. Это хорошо, если вообще все надо склеить в один файл, но иногда надо отделить мух от котлет. Во времена ruby, использовал sprockets, который позволял просто склеивать js-файлы, определяя зависимости прямо в них, с помощью специального вида комментариев:

//= require partials/hello

Определять зависимости в файлах оказалось намного удобнее, чем прописывать все файлы для склейки где-либо еще: в Gruntfile.js для concat или в шаблоне, как в usemin, с помощью таких конструкций

<!-- build:js js/app.js -->
<script src="js/app.js"></script>
<script src="js/controllers/thing-controller.js"></script>
<script src="js/models/thing-model.js"></script>
<script src="js/views/thing-view.js"></script>
<!-- endbuild -->

Для, скажем так, веб-приложений, имеет смысл, наверное, смотреть в сторону grunt-contrib-requirejs и r.js, но это зачастую слишком громоздко для большинства стандартных сайтов.

В итоге наткнулся на barkeep и rig, со вторым все получилось сразу и просто, так что использую его.

Приблизительный таск в Gruntfile.js

rig: {
  compile: {
    options: {
      banner: '/* Copyright 2013, XXXXX */\n',
      footer: '\n/* End of source */'
    },
    files: [{
        expand: true,
        cwd: '<%= path.development %>/scripts',
        src: '{desktop,mobile,lib}.js',
        dest: '<%= path.temp %>/scripts'
      }]
  }
}

Комментарии в файлах имеют вид

//= partials/_imagemap.js
//= partials/_player.js
//= partials/_video.js

Ссылку на книгу-то дадите?