2013-03-06 3 views
4

Я просмотрел gruntjs, но я не уверен, что это правильный инструмент для решения моей проблемы с рабочим процессом. Я работаю над огромным угловым проектом с уже 30+ файлами js. Каждый раз, когда я добавляю новый js-файл, я должен перейти в индексный файл и добавить ссылку в него. Есть ли способ автоматизировать этот процесс с помощью grunt или любого другого инструмента?Как управлять рабочим процессом AngularJS с большим количеством файлов сценариев

+1

Вы захотите взглянуть на [RequireJS] (http://requirejs.org/). – Stewie

+3

Собственно, RequireJS несколько сложнее работать с AngularJS, поэтому я не рекомендую этот подход. Хорошая система сборки на основе Grunt, похоже, попала в сладкое место. –

+0

RequireJS отлично работает с AngularJS, но вам все равно нужно управлять требованиями в коде (не намного лучше, чем включать их в HTML). Мы комбинируем RequireJS с процессом сборки node.js, который сканирует каталоги и динамически создает список требуемых файлов. – Sharondio

ответ

10

Абсолютно! Есть два способа:

Yeoman

Yeoman представляет собой набор интегрированных сценариев управления рабочими потоками, построенных на Грунта и Бауэр, который поддерживает автоматическую подмости и компиляцию. Для него тоже есть AngularJS generator.

ngBoilerplate

Это мое творение, так что я, безусловно, есть уклон здесь, но он имеет встроенную систему Grunt на основе и определенную структуру каталогов, что делает управление нетривиальные AngularJS и приложения очень легко.

+0

Спасибо, Джош. У Йомена все еще нет поддержки окон. Я видел ваш ваш ngBoilerplate. Мне интересно, могу ли я адаптировать его в соответствии с моей структурой проекта или он должен быть в соответствии с вашей предопределенной структурой каталогов? Кроме того, есть ли хороший ресурс для изучения gruntjs? Я знаю основные задачи grunt, такие как concat, min и т. Д., Но с трудным пониманием пользовательской задачи (например, мой вопрос). – SamSerious

+0

@SamSerious Он предназначен для работы из коробки с этой структурой каталогов, но может быть адаптирован к любой структуре - Grunt является сверхгибким, и я определил * все * пути в переменных, которые вы можете легко изменить (см. 'Src' конфигурации). Взгляните на 'Gruntfile.js' - у него есть * тон * комментариев, чтобы помочь людям понять это. Что касается изучения Grunt, лучше всего проверить несколько примеров, выяснить, что они делают, и прочитать через [wiki] (https://github.com/gruntjs/grunt/wiki). Grunt 0.4 был выпущен несколько недель назад (радикальные изменения!), Поэтому пока нет хороших обучающих программ. –

 Смежные вопросы

  • Нет связанных вопросов^_^