前言
Angular是一个单页面应用,随着系统的迭代,首屏代码会越来越大,所以需要对《AngularJS入门》中的代码进行改造,实现AngularJS可以按需加载js和css。
实现这个需求,有三个方案:
1、利用requirejs。
requirejs并不是按照angular规范开发的第三方插件,后期估计会有很多坑,放弃。
2、利用ui-router和ocLazyLoad。
- 每次“页面跳转”都要额外请求js并加载,浪费带宽增加页面加载时间,基本抛弃了预加载。
- 每一个路由都需要配置resolve属性,太low。
- 模块化程度太低,不利于以后代码移植和维护。
3、自己写需要的组件。
最好的方案,然而技术要求太高,放弃。
综上,第一种方案坑太多,放弃;第三种方案能力有限,放弃;第二种方案也不好,但是相对容易,而且是针对angular的插件,就它了。
参考文档: