angular-js uglify下載模塊

Question

所以我有一個angular應用程序。有了這個應用程序，我有很多插件（模塊），我在我的應用程序中使用。

我正在努力縮小它們的實際工作。但是，他們已被縮小（uglifyed）後，即時獲得以下錯誤：

failed to instantiate module app due to: 

由於：然後所有的模塊。 （從第一個加載開始，然後繼續）。

這是否意味着我無法縮小角度模塊。 （這基本上意味着我堅持1000行長的文件）。

Answer 1

1. 顯式依賴注入

   app.controller('myController',function(module1,module2){ 
       //... 
   }); 
   myController.$inject=['module1','module2']; 
   

2. 內嵌註釋

   app.controller('myController',['module1','module2',function(module1,module2){ 
       //... 
   }); 
   

Answer 2

你可能做錯了。由於AngularJs文檔指定，你什麼時候來縮小你的文件，你必須指定這樣的依存關係：

app.controller('$ctrl', ['dep1', 'dep2', function(dep1, dep2) { 
// your code here 
}]); 

這樣，當文件被精縮，依賴不會被修改。見angularJs教程：https://docs.angularjs.org/tutorial/step_05#a-note-on-minification

Answer 3

不，這並不意味着你不能minnify模塊文件。你可以做到這一點。

檢查以確保它們連接/分隔的順序是正確的，例如，如果模塊x使用模塊y中的某些內容並且x在y之後加載，則會顯示錯誤。

如果問題是由於聲明模塊的方式，您可以安裝grunt-ng-annotate當運行時，將所有模塊聲明更改爲所需的格式，以便您不會收到提到的錯誤。

npm install grunt-ng-annotate --save-dev