Добрый вечер!
Как будет более грамотно разбить приложение 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 ...
}
]);
};