Как правильно разбить приложение Angular по файлам?

Добрый вечер!
Как будет более грамотно разбить приложение Angular 1.x по файлам и дирректориям, что-бы потом их склеить webpack или browserify?
1 вариант - импорт функции (массива):
/**
 * app.js
 */
const MainCtrl = require("./controllers/mainCtrl.js")

const App = angular.module('App', []);
App.controller('MainCtrl', MainCtrl);

/**
 * mainCtrl.js
 */
module.exports = [
    '$scope',
    ($scope) => {
        // code ...
    }
]


2 вариант - передача модуля:
/**
 * app.js
 */
const App = angular.module('App', []);

require("./controllers/mainCtrl.js")(App);

/**
 * mainCtrl.js
 */
module.exports = function (App) {
    App.controller('MainCtrl', [
        '$scope',
        ($scope) => {
            // code ...
        }
    ]);
};


3 вариант - передача имени модуля:
/**
 * app.js
 */
const App = angular.module('App', []);

require("./controllers/mainCtrl.js")('App');

/**
 * mainCtrl.js
 */
module.exports = function (moduleName) {
    const App = angular.module(moduleName);

    App.controller('MainCtrl', [
        '$scope',
        ($scope) => {
            // code ...
        }
    ]);
};
  • Вопрос задан
  • 370 просмотров
Пригласить эксперта
Ответы на вопрос 2
@jetbird1
Вот здесь готовый пример с ES6: https://github.com/gothinkster/angularjs-realworld...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы