Question

我有一个用angular 1.x编写的巨大的旧版Webapp，具有以下项目结构：

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格式（例如f.e）的情况下，使用webpack构建此webapp。 “导出默认类WelcomeController { constructor（）{...}}？后来，我想将所有旧的控制器和服务都转换为类，但是首先，我只想从grunt迁移到webpack？

如何将旧有的angular 1.x web应用程序从grunt迁移到webpack？

0 个答案: