Wie winklig Code für die Produktion zu minimieren?

Question

Mein Projekt wird in die Produktion gehen, die unter Verwendung von Node und eckig entwickelt wird, wie ich Winkelcode in der Produktion minimieren kann.

Ich möchte folgenden Controller minifiy oder uglify. Wenn ich den Code in online minifily dann Anwendung funktioniert nicht.

var sidemenu = angular.module('sidemenuApp', ['ngMaterial', 'ngAria', 'ngAnimate', 
     'slickCarousel', 'ngCookies', 'ui.bootstrap', 'headroom', 'ngRoute','duScroll','infinite-scroll','angular-spinkit']); 

    sidemenu.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { 
     $routeProvider 
      .when('/builders/:id', { 
       templateUrl: '../template/listpagefilter.html', 
       controller: 'buildersCtrl' 
      }) 

      .when('/builders/:id/property/:property_id',{ 
         templateUrl: '../view/property-details.html', 
         controller: 'unitTypeCtrl' 
      })  

      .when('/property/:property_id',{ 
         templateUrl: '../view/property-details.html', 
         controller: 'unitTypeCtrl' 
      }) 

       .when('/location/:city_name/:location_id',{ 
       templateUrl: '../template/listpagefilter.html', 
       controller: 'buildersCtrl' 
      }) 



     }]) 

here is mu controller , i need to minify and uglify the code. 


    sidemenu.controller('buildersCtrl', ['$scope', '$rootScope', '$location', '$http', 'allServices','$document', 
         'PropertyDetails','$routeParams','$window','$uibModal','$mdDialog', 
         'customVariables',function (a, b, c, d, e,f,h,r,w,u,v,cust) { 

       b.contactwdgt = ""; 
       b.header = true; 
       b.homepage = false; 
       b.filter = true; 
       b.innerHeader = "inner-page-hdr"; 
       a.composite = false; 

       a.$on('$routeChangeStart', function(scope, next, current) { 
        b.homepage = true; 
        b.filter = false; 
        b.innerHeader = ""; 
        b.searchFilter = false; 
        b.contactwdgt = "contact-wdgt"; 
        srchCls_Element.removeClass('listing-navbar'); 

       }); 


      a.hmpProperies = function(properties) { 

        if (properties.length < 3) { 
         a.composite = true; 
        } 
        } 


       e.projectListing(r,paging).then(function(result) { 


        a.properties = result.data.items; 

        if(result.data.items.length<=3){ 
         a.showStructure = false; 
        } 


       }, function(error) { 

       }); 
       a.showStructure = false; 
       var Execution = true; 
       a.loadMoreRecords = function() { 
        a.showStructure = false; 
        var offset = paging.start + paging.rows; 
        paging = { 
         start: offset, 
         rows: 3 
        }; 


     a.getRaiseQuery=function(propertyId){ 
        b.propid=propertyId 
       v.show({ 
        templateUrl: 'view/raisequiry.html', 
        controller: DialogController, 
        clickOutsideToClose:true, 
        fullscreen: a.customFullscreen // Only for -xs, -sm breakpoints. 
       }) 

     } 

     }]); 

Answer 1

Angular js 1.x-Code ist nicht gerade nach vorne minifiable es sei denn, Sie ein richtiges Muster etwas wie unten gefolgt, so dass uglify auf ein nicht injizierten Dienste wie $ scope minify, $ http, MyCustomService, b und c.

var NewCtrler = ['$scope', '$http','MyCustomService', function($scope, $http, MyCustomService) { 
    $http.get(MyCustomService.restfulUrl) 
    .success(function(data) { 
     $scope.recievedData = data; 
     MyCustomService.doSomething(); 
    }) 
}] 

bitte diese link für Richtungen auf minification von einer AngularJS Website

sobald Ihr Code ist bereit, Sie uglify verwenden können Ihren Code mit Grunzen/schluck minify.

Lesen Sie mehr auf Winkelabhängigkeit Injektion und strict-di, um faires Verständnis zu erhalten, wie dependency injection funktioniert und wie strict-di mit minimiertem Code hilft.