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