Minifier confusing variable name

Question

У меня есть угловой маршрутизатор, который использует функцию разрешения и звонит в службу MyService.

var Router = function ($stateProvider, $urlRouterProvider) { 

    $stateProvider 
     .state(home, { 
      resolve:{ 
       myFactory: 'MyFactory', 
       checkUser: function(myFactory){ 
        return myFactory.getUser().then(function(data){ 
         // some logic with data 
        }); 
       } 
      }, 
     }); 
}; 

module.exports = ['$stateProvider', '$urlRouterProvider', Router]; 

Когда я запускаю его через Minifier, я в конечном итоге с:

var e = function(t, e) { 

    t.state(home, { 
     url: "/home", 
     resolve: { 
      myFactory: "MyFactory", 
      checkUser: function(t){ 
       return t.getUser().then(function(e){ 

       }); 
      } 
     }, 
    }) 
} 
; 
t.exports = ["$stateProvider", "$urlRouterProvider", e] 

Проблема здесь переменные t и e.

На верхнем уровне:

t = $stateProvider 
e = $urlRouterProvider 

Однако, в моей resolve, t и e используются снова, но:

t = $stateProvider but should = myFactory 
e = $urlRouterProvider but should = data 

И так t.getUser или t.getProducts на самом деле не существует, и, таким образом мои приложение не загружается.

UPDATE:

---

Аннотированной версия:

var Router = function ($stateProvider, $urlRouterProvider) { 

    $stateProvider 
     .state(home, { 
      resolve:{ 
       myFactory: 'MyFactory', 
       checkUser: ['myFactory', function(myFactory){ 
        return myFactory.getUser().then(function(data){ 
         // some logic with data 
        }); 
       }] 
      }, 
     }); 
}; 

module.exports = ['$stateProvider', '$urlRouterProvider', Router]; 

Answer 1

myFactory - это локальная зависимость в этом резольвере.Как и любая другая зависимость, она должна быть annotated, чтобы правильно вводиться в мини-JS.

  checkUser: ['myFactory', function(myFactory){ 
       return myFactory.getUser().then(function(data){ 
        // some logic with data 
       }); 
      }] 

Strict mode может быть использован, чтобы избежать такого рода ошибок в производстве.

Answer 2

Это, по существу, проблема с доступом к объектам и их свойствам внутри «методы» объект, как написано не- должным образом.

Я сделал вам Fiddle Example of Object Access, который показывает, как вы можете получить доступ к свойствам объектов и как различать доступ к его свойствам и аргументы, переданные этим функциям.

Чтобы исправить вашу конкретную ошибку, ваше решение, вероятно, должно выглядеть так, но я бы посоветовал вам проверить пример скрипки и попытаться выяснить ее сами. У меня есть 0 опыта с угловым, от того, что я понимаю твой может ссылаться на $ объема там, который будет выступать в качестве замены для this, но, как я сказал, что я не знаком, надеюсь, что это помогает:

resolve:{ 
      self: this, 
      myFactory: 'MyFactory', 
      checkUser: function(){ 
       return self.myFactory.getUser().then(function(data){ 
        // some logic with data 
       }); 
      } 
     }, 

Answer 3

Это стандартный Minifier подход , чтобы уменьшить код, он также изменяет имена переменных на меньшие.

Вы можете решить тремя способами:

а) в Minifier вы должны указать не изменять имена переменных. (Например mangle: false в уродовать плагин)

б) использовать угловые обозначения массива, например:

angular.service(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { .... } ]); 

) использовать $ впрыснуть свойства, например:

var Router = function ($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state(home, { 
      resolve:{ 
       myFactory: 'MyFactory', 
       checkUser: function(myFactory){ 
        return myFactory.getUser().then(function(data){ 
        // some logic with data 
       }); 
      } 
     }, 
    }); 
}; 
Router.$inject = ['$stateProvider', '$urlRouterProvider']; 
module.exports = ['$stateProvider', '$urlRouterProvider', Router]; 

В вашем конкретном случае только a) и c) будет работать

Answer 4

Yeap. Вам нужна NG-Annotate. Для Gulp, например, я использовал this one.