有没有办法只在必要时加载JS和CSS?

时间:2015-03-16 05:19:16

标签: javascript html css angularjs single-page-application

我们正在重写一个非常大的遗留Webforms .NET应用程序。理想情况下,我希望将它完全作为SPA,基于AngularJS,Bootstrap和WebAPI。显然,整个外观应该在整个应用程序中保持一致。

然而,我有一个很大的担忧。有许多“丰富”的控件(日历,表格);更不用说光或共享控件,如工具提示或标签。这些控件库附带了JavaScript和CSS。

最简单的方法是在index.html中最小化并加载所有JS和CSS。但最简单的并不总是最好的。即使是最小化,这些库也会达到相当大的规模,特别是当不需要超过一半的时候。我意识到Web组件允许这样的动态加载;但在那之前,我应该去更传统的MVC设计,并去服务器进行整页重装?或者凭借当今桌面和浏览器的强大功能,我夸大了问题,应该尽早加载所有库?

2 个答案:

答案 0 :(得分:1)

在angularJS中有一个名为ocLazyLoad的服务,我认为使用它可以加载所需的js和css。

答案 1 :(得分:1)

$import.js是一个很小的实用程序,只有在必要时才允许控制加载到文档的js / css / less文件。