Как я могу отделить логи c в AngularJS?

Question

это мой первый раз, когда я спрашиваю здесь, и я хотел бы знать, есть ли способ разделить файлы в AngularJS.

У меня есть UI Route, но каждый раз, когда я хочу создать внешний контроллер Я должен объявить это в начале страницы.

Мой код выглядит следующим образом:

app. js:

'use strict';

// Declare app level module which depends on views, and core components
angular.module('mainApp.controllers', [
    "ui.router"
]).config(function($stateProvider, $locationProvider, $urlRouterProvider) {
    // creating routes or states
    $stateProvider
        .state('dashboard', {
            url : '/dashboard',
            templateUrl : 'templates/home.html',
            controller: "HomeController"
        })
        .state('apartments', {
            url : '/apartments',
            templateUrl : "templates/Apartments/apartments.html",
            controller : "ApartmentsController"
        }).state('longstay', {
            url : '/longstay',
            templateUrl : 'templates/Longstay/longstay.html',
            controller: 'LongstayController'
        }).state('logout', {
            url : '/home'
        }).state('login', {
            url : '/login',
            templateUrl : 'templates/Authentication/authentication.html',
            controller: 'AuthenticationController'
        });
    // Redirect to home page if url does not
    // matches any of the three mentioned above
    $urlRouterProvider.otherwise("/dashboard");
})
// create empty controllers for the states as we are
// not doing anything but just displaying message
.controller('MainCtrl', function () {});

index. html :

<script src="app.js"></script>

<!-- Controller includes -->
<script src="templates/HomeController.js"></script>
<script src="templates/Apartments/ApartmentsController.js"></script>
<script src="templates/Authentication/AuthenticationController.js"></script>
<script src="templates/Longstay/LongstayController.js"></script>

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

Структура папки "Хотелось бы":

app/|
    |-Apartments/|
    |            |-apartments.tpl.html
    |            |-ApartmentsController.js
    |            |-ApartmentsFactory.js
    |            
    |           
    |-app.js
    |-index.html

Если бы кто-нибудь мог помочь, я был бы очень благодарен!