У меня есть огромное устаревшее веб-приложение, написанное на угловом 1.x со следующей структурой проекта:
app.js:
var myApp = angular.module('myApp", [config,'ui.router' ... ]);
myApp.config(function($stateProvider,...) {
$stateProvider
.state('index', {
url: '/',
templateUrl: 'views/welcome.html',
controller: 'WelcomeCtrl',
access: {
requiredLogin: true
}
})
....
}
myApp.run(function ($transitions, $rootScope, $state,...) {
....
});
config.js:
angular.module('config', [])
.constant('ENV', {name:'DEVELOPMENT' ....
});
controllers / welcomectrl.js:
angular.module('myApp')
.controller('WelcomeCtrl', function ($scope) {
'use strict';
.....
});
services / welcomeservice.js:
angular.module('myApp')
.service('WelcomeService', function WelcomeService($q, $window, ...) {
'use strict';
....
});
views / welcome.html:
<div>
.....
</div>
index.html:
<html>
<body>
<script src="node_modules/angular/angular.js"></script>
<script src="app.js"></script>
<script src="config.js"></script>
<script src="controllers/welcomectrl.js"></script>
<script src="services/welcomeservices.js"></script>
....
</body>
</html>
Как можно создать это веб-приложение с веб-пакетом без рефакторинга каждой службы и контроллера в формат es6, например, "экспорт класса по умолчанию WelcomeController {constructor () {...}}? Позже яЯ хотел бы преобразовать каждый старый контроллер и сервисы в классы, но сначала я бы хотел перейти только с grunt на webpack?