我正在构建一个角度应用程序 . 该应用程序已经变得太大,我的索引,html被80个javascript文件轰炸 . 我捆绑并缩小了JS文件,但是在app启动时加载所有脚本文件并不是一个好主意 .
我怎么能只在需要时加载脚本?
使用AngularJS进行延迟加载并不像按需下载文件那么简单 . Angular通常需要其所有组件,如模块,指令,服务,除了可以下载异步的模板 .
对于这个特定问题,有多种解决方案 . ocLazyLoad是其中之一 .
您可以使用ocLazyLoad在需要时下载控制器,模块和服务 . 还支持使用带有ocLazyLoad的angular-ui路由器进行路由 . 您甚至可以组合ocLazyLoad和RequireJS,它允许您使用Require的r.js优化器来按照具有最少配置的模块连接文件 .
OcLazyLoad在我上面提到的链接中有不同情况的好例子,但我也做了一个样本Angular-Boilerplate,它有基本结构和Gruntfile,它有组合模块的任务 . (我应该为样板文件添加一些文档)
1 回答
使用AngularJS进行延迟加载并不像按需下载文件那么简单 . Angular通常需要其所有组件,如模块,指令,服务,除了可以下载异步的模板 .
对于这个特定问题,有多种解决方案 . ocLazyLoad是其中之一 .
您可以使用ocLazyLoad在需要时下载控制器,模块和服务 . 还支持使用带有ocLazyLoad的angular-ui路由器进行路由 . 您甚至可以组合ocLazyLoad和RequireJS,它允许您使用Require的r.js优化器来按照具有最少配置的模块连接文件 .
OcLazyLoad在我上面提到的链接中有不同情况的好例子,但我也做了一个样本Angular-Boilerplate,它有基本结构和Gruntfile,它有组合模块的任务 . (我应该为样板文件添加一些文档)