2016-10-21 7 views
1

私のプロジェクトはノードと角度を使用して開発されたプロダクションになります。どのようにプロダクションで最小角度コードを使うことができますか?生産のための角度コードを最小限にするには?

私はコントローラminifiyまたはuglifyに従ってください。私はオンラインでコードを最小限にして、アプリケーションが動作していません。

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. 
       }) 

     } 

     }]); 
+1

非常に簡単です。 – Jigar7521

+0

uglifyjsを使用できます。 –

+1

私はステップに従う文書を持っていますか? –

答えて

1

角度JS 1.xのコードは、まっすぐ進むminifiable uglifyは$スコープのような注入されたサービスを縮小化しないようにあなたは、以下のような適切なパターンのものを踏襲していない限り、$ HTTP、MyCustomServiceにないが、 bおよびc。あなたのコードは、あなたがうなり声/グッとあなたのコードを縮小化するためにuglifyを使用することができます準備ができていたら

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

angularjsウェブサイト

から縮小の指示のために、このlinkを使用してください。

dependency injectionがどのように作用し、どのようにstrict-diが小型化されたコードでどのように役立つかについて、角度依存性注射および厳密なdiについて詳しく説明しています。

関連する問題