有没有办法只在需要的时候加载JS和CSS?

Is there a way to load JS and CSS only when necessary?

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

不过,我有一个大问题。有很多"rich"控件(日历,table);更不用说工具提示或选项卡等轻型或共享控件。这些控件库带有 JavaScript 和 CSS。

最简单的方法是最小化并加载index.html中的所有JS和CSS。但最简单的并不总是最好的。即使最小化,这些库也会达到相当大的规模,尤其是当其中一半以上不需要时。我意识到 Web 组件 允许这种动态加载;但在那之前,我是否应该采用更传统的 MVC 设计,并转到服务器以重新加载整页?还是借助当今台式机和浏览器的强大功能,我夸大了这个问题,应该只预先加载所有库?

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

$import.js 是一个微型实用程序,允许控制 js/css/less 文件在必要时加载到文档中。