Чрез gulp подключаю и минифицирю себе все с bower_components и главный файл angular - app.js в один файл. Контроллеры, сервисы и директивы будут подключаться через lazy load в зависимости от роута.
Пример (из app.js):
/* Setup Rounting For All Pages */
TestApp.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
// Redirect any unmatched url
$urlRouterProvider.otherwise("/dashboard");
$stateProvider
// Dashboard
.state('dashboard', {
url: "/dashboard",
templateUrl: "/app/src/views/dashboard/dashboard.html",
data: {
pageTitle: 'Admin Dashboard',
breadcrumbs: 'Dashboard',
},
controller: "DashboardController",
resolve: {
deps: ['$ocLazyLoad', function($ocLazyLoad) {
return $ocLazyLoad.load({
name: 'TestApp',
files: [
'/app/src/controllers/dashboard/DashboardController.js',
]
});
}]
}
})
}]);
И так получаеться что контроллеры, сервисы и директивы не миниф. Можно ли их как-то на лету минифицировать? Или как вариант у тех же контролеров ставить min.js копии и их подключать в resolve? А как их тогда генерировать gulp-ом?
Спасибо!