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

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

本文关键字：加载 JS CSS 有没有更新时间：2023-09-26

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

然而，我有一个大问题。有许多"丰富"控件（日历、表格）;更不用说工具提示或选项卡等轻量级或共享控件了。这些控件库附带它们的JavaScript和CSS。

最简单的方法是最小化并加载索引.html中的所有JS和CSS。但最简单的并不总是最好的。即使最小化，这些库也会达到相当大的大小，尤其是当不需要一半以上时。我意识到 Web 组件将允许这种动态加载;但在那之前，我应该选择更传统的 MVC 设计，然后去服务器重新加载整页吗？或者凭借当今桌面和浏览器的强大功能，我夸大了问题，应该预先加载所有库？

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

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