Приложение AngularJS: как включить файлы .js в index.html

Я новичок в angularJS. Мне удалось создать приложение phonegap с помощью angularJS. Приложение работает нормально и работает нормально. Проблема в том, что теперь у меня есть немного больше понимания того, как работает angularJS (по крайней мере, я думаю, что у меня есть), я беспокоюсь о структуре файлов приложений и удобстве обслуживания кода. Мой проект следует шаблону angular. Angular Семя на GitHub, где у меня есть эта структура:

js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

После изучения того, как структурировать приложения с помощью angularJS, я нашел несколько хороших статей об этом: Создание приложений Huuuuuge с помощью AngularJS и КАК СТРУКТУРА БОЛЬШИХ ПРИЛОЖЕНИЙ ANGULARJS

Мой вопрос кажется очень глупым для меня, но я не мог найти выход. Мне удалось разделить мои контроллеры на разные файлы, и теперь у меня есть эта структура:

scripts
    controllers
             LoginCtrl.js
             HomeCtrl.js
             AboutCtrl.js
             ClientCtrl.js 

То, с чем я борюсь, - это то, что раньше было у моего приложения, у меня был только один файл controller.js. В моем файле index.html я обычно загружаю все файлы script с помощью тега script. Теперь, когда у меня есть 4 разных файла .js для моих контроллеров, как их загрузить в файл index.html? Должен ли я загружать их там?

Мне не кажется, что я загружаю все скрипты в файле index.html(я знаю, что, имея один файл, код будет загружен таким же образом, мне просто странно, что у меня много script теги, упакованные там). Я нашел ng-шаблонный проект на github, и на index.html они загружают сценарии типа динамически. Проблема в том, что я не могу начать новый ng-bolierplate прямо сейчас, и я не мог найти, как они это сделали. Извините за длинный текст. Спасибо!

Ответы

Ответ 1

Ссылка на каждый файл script в собственном теге в index.html - это, безусловно, один из способов сделать это, и наиболее простой. Однако, если вы хотите что-то более чистое, взгляните на один из различных руководств по объединению Angular с RequireJS:

http://www.startersquad.com/blog/angularjs-requirejs/

Имеет ли смысл использовать Require.js с Angular.js?

Этот подход направлен прежде всего на решение проблемы того, какой заказ загружать файлы для удовлетворения зависимостей, но он также имеет следствием очистку index.html... хотя и за счет дополнительной настройки в другом месте.

Ответ 2

Используйте http://browserify.org/

Вы получаете очень простой и элегантный commonjs modules и множество удивительных библиотек от node.js в своем браузере.

Код вставляется в один файл js.