带有Closure Compiler的Angular JS应用程序

时间:2015-08-06 13:57:34

标签: angularjs google-closure-compiler

我有一个角度应用程序,它使用JQuery,bootstrap和其他一些javascript库。我使用Uglifier将它们全部缩小为一个JS(我知道它可能不是正确的,但在我的要求中效果很好)。

我尝试使用Closure Compiler来获得更好的压缩效果。它确实给了我更好的结果,但是当我使用Closure缩小时应用程序无法正常工作。

  • $使用ADVANCED_OPTIMIZATIONS时未定义
  • 使用默认优化时无法找到对象

注意:我将依赖注入内联变量以使其适用于Uglifier。

任何人都知道我应该做些什么。

我在网上发现了这个article,但是不知道这是否相关。 :(

可以因为我将所有JS(jQuery / bootstrap)附加在一起。

1 个答案:

答案 0 :(得分:-1)

使用Closure-compiler,ADVANCED_OPTIMIZATIONS不一定比SIMPLE_OPTIMIZATIONS好。确保您已阅读并理解文章Which Compilation Level is Right For Me?

您将需要所有外部库的外部程序。 Angular和jQuery externs都可以在Closure-compiler contrib/externs folder中找到。我不知道Bootstrap的外部。

即使使用externs,您也需要从控制器中导出所有范围属性,以便它们可以从模板中获取。

我认为你会发现,与SIMPLE_OPTIMIZATIONS相比,基于Angular JS的应用程序在编译后只能看到gzip大小的适度减少。

相关问题