Как сделать приложение angularjs модульным?

Question

Я знаю, что название немного вводит в заблуждение, и Angularjs также поддерживает модульное программирование.

я дам вам пример

const LoginController = function($scope){
  //Some Logic Here
}
const login = angular.module("Login", ["ui.router"]);
login.config(function($stateProvider, $urlRouterProvider){
    var states = [
        {
        name: 'login',
        url: '/login',
        template: '<h1>Login Template</h1>',
        controller : LoginController
        }
       ];
        states.forEach((state) => $stateProvider.state(state));
        $urlRouterProvider.otherwise('/');
});



 const app= angular.module("App", ["Login"]);

Это два моих модуля (в Реально у меня около 8 модулей), каждый модуль имеет сотни строк кода. Так что записать весь модуль в один файл невозможно, я не люблю создавать файл для каждого модуля. Я ищу решение что-то вроде этого

login.controller. js

const LoginController = function($scope){
   //Some Login
}

login.module. js

//Somehow include login.controller.js on here
 require_with_some_magic_method('login.controller.js');

const login = angular.module("Login", ["ui.router"]);
login.config(function($stateProvider, $urlRouterProvider){
    var states = [
        {
        name: 'login',
        url: '/login',
        template: '<h1>Login Template</h1>',
        controller : LoginController
        }
       ];
        states.forEach((state) => $stateProvider.state(state));
        $urlRouterProvider.otherwise('/');
     });

приложение. js

//Somehow include login.module.js on here
 require_with_some_magic_method('login.module.js');
 const app= angular.module("App", ["Login"]);

Как я могу этого добиться? Пожалуйста, помогите мне Спасибо

Answer 1

Вы можете использовать [Требовать JS] и проверить этот пример