Ответ 1

Yeomam не приблизит вас к рабочему процессу Rails, как вы могли бы ожидать. Мои два цента - это то, что вы смотрите на что-то вроде Middleman, что делает то, что вы хотите из коробки.

Йоменский путь

Использование генераторов

Вы можете использовать генераторы Yeoman и попытаться выяснить комбинацию генераторов, которые лучше подходят для стека, который вы ищете, из того, что вы описали, я мог бы взглянуть на:

• webapp
• backbone
• maryo

На этом этапе большинство ваших требований (как разработки, так и производства) будут выполнены:

• четко определенная структура проекта
• скомпилировать coffeeScript и .scss
• смотреть и компилировать
• генераторы для модели, вида, коллекции,...
• скомпилировать и минимизировать все файлы для производства

Вы можете использовать несколько генераторов для настройки собственного стека, каждый раз, когда Йомен обнаруживает, что генератор перезаписывает существующий файл, он подскажет, что делать, и вы должны иметь возможность самостоятельно управлять конфликтом. Некоторые рамочные генераторы, очевидно, столкнутся (не имеет смысла пытаться использовать генератор angular поверх backbone).

Точная настройка

Вы можете использовать подгенераторы для scafold более конкретных частей вашего приложения, см. видео Ady Osmani.

Генераторы зданий

Если вы чувствуете ограниченность некоторыми вариантами, которые может наложить генератор (например, вы предпочитаете браузер, а не requirejs), вам может потребоваться разветкить генератор и добавить его в качестве опции. Вы даже можете создать скругление формы генератора, которая будет создавать ваш собственный стек!

Трассировка и путь Bower

Йомен строит поверх этих двух, но вы можете в любой момент отказаться и создать свой собственный стек, используя эти два. Вы можете добавить свои расхождения через беседку, а ваши задачи - использовать хрюканье. Есть много примеров, которые могут дать вам некоторые рекомендации, вы можете начать с Yeoman webapp. В github также есть хорошие примеры, например juanghurtado/puppeteer.

Есть 3 файла, которые вы должны следить:

• package.json - все ваши зависимости node находятся здесь.
• bower.json - для управления клиентскими зависимостями
• Gruntfile.js - здесь вы определяете задачи

Обертка

Возможно, я заявляю очевидное, но Йомен делает какую-то магическую работу и помогает вам управлять Grunt и беседкой, эта магия происходит только тогда, когда вы полностью понимаете, как это работает. Поэтому я бы рекомендовал сначала погрузиться в какой-то код и полностью понять, как работают Grunt и Bower, а затем вы можете использовать магию Йомана.

Некоторые другие инструменты

Вы попросили несколько предложений, вот оно:

• gulp.js Альтернатива Grunt. Больше вы погружаетесь в Grunt больше, вы захотите Gulp (IMHO).
• browserify Альтернатива Requiere. Прочитайте
• assemble Статический генератор сайта для Node.js, Grunt.js и Yeoman

Ответ 2

Roman,

Отвечай за свой первый вопрос, вот руководство по использованию Йомана: http://code.tutsplus.com/tutorials/building-apps-with-the-yeoman-workflow--net-33254

Если вы хотите использовать coffeescript по умолчанию, просто передайте параметр -coffee

yo webapp --coffee

обрабатывает заказ активов, который вы можете обрабатывать из файла index.html.

Если вы хотите, чтобы приложение было готово для производства, просто введите

grunt build

который объединит и минимизирует все ваши активы и выбросит все файлы dist.

Чтобы настроить то, что у вас есть в процессе сборки, вам придется написать свою собственную или настроить задачу сборки grunt, чтобы она выполняла именно то, что вы хотите.

Надеюсь, я дал вам полезную информацию:)

Ответ 3

Не ответ на мой оригинальный вопрос, а скорее указатель для тех, кто хотел бы реализовать тот же рабочий процесс, который я искал. Я закончил тем, что написал пользовательский файл Grunt, используя команду grunt-injector, чтобы "разбить активы на index.html", grunt-bower-install, чтобы добавить активы bower и настроить grunt-usemin, grunt-contrib-concat, grunt-contrib-cssmin и grunt-contrib-uuglify соответственно.