javascript - 在需要时内联加载 jQuery/CSS 还是始终通过外部加载？

Question

我喜欢让自己忙于构建模块化 web 应用程序，但不想花时间在我可以节省一些的地方..

例如，我正在构建一个应该可以在多个站点上轻松实现的新闻模块，因为使用了相同的网络应用程序。

然而，并非所有网站都需要新闻模块。创建模块本身内置的内联样式表/javascript 文件是否比创建包含所有库的大型外部样式表/javascript 更好/更容易/更快？即使所有其他网页都不需要新闻模块的文件？

在模块本身中创建内联库似乎要容易得多。这样它只会在需要时加载，并节省其他页面的加载时间和带宽。

另一件事是我喜欢编写“即插即用”模块。假设我将一个文件从文件服务器移动到模块文件夹中，应用程序将负责其余的工作。使用内联表，我不必在页眉/页脚等处添加新行。

最好的解决方案是什么？还考虑到我宁愿花 10 分钟移动一个文件并且它可以工作，也不愿花 1 小时附加外部库只是因为它更像是一种“良好做法”？

Answer 1

如果您正在构建 Web 应用程序，您是否正在使用 MVC 模式？你把你的顾虑分开了吗？ (您的模板/ View 、您的模型和您的逻辑( Controller ))

如果您遵循 MVC，那么维护和自定义您的应用会更加容易。

要回答您的确切问题，您需要的是 RequireJS .这样，您只有一个地方可以声明您的需求，RequireJS 将处理其余的。加载订单等等。

引用自 requirejs 网站:

Over time, if you start to create more modular code that needs to be reused in a few places, the module format for RequireJS makes it easy to write encapsulated code that can be loaded on the fly.