在JavaScript最佳实践中组织库依赖项

Organizing library dependencies in JavaScript best practice

本文关键字：依赖 JavaScript 最佳 实践中      更新时间：2023-09-26

人们认为在javascript中组织依赖关系的最佳方式是什么?我知道基本知识，但还有一些更具体的问题。从阅读Douglas Crockford和其他帖子在这里，我知道把脚本标签尽可能晚在主体，使用最小化，合并所有的客户端代码到一个。js文件，在适用的地方，等等。

使用库的最佳方式是什么?比如说你做了下面的事情:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="somelib.min.js"></script>
<script type="text/javascript" src="myappcode.min.js"></script>

这可以被认为是太多的脚本标签吗?假设myappcode.min.js依赖于但也修改了somelib.min.js的某些部分——您应该将它们合并到一个文件中吗?

也有可能或甚至是一个好主意，引用一个。js文件，如库内的另一个。js文件，而不是只是把一个脚本标签在另一个之前，以引用它在后者?来自c#背景，我知道JavaScript是顺序解析的，而不是从main()方法开始，然后继续——所以我猜脚本方法是相当标准的，但我想确保。

如果你编写一个JavaScript处理程序，你可以将这些JavaScript标签合并为一个标签，同时仍然能够保持所有JS库文件分开。查看UC Mobile Web Framework中JS处理程序的代码，了解如何执行此操作。

这取决于看它的人。我不认为3个脚本标签是坏的，虽然它是已知的，减少HTTP请求的数量提高了网站的加载速度(因为它减少了每个单独请求的开销)。

我不会仅仅为了在我的开发项目中合并文件而合并它们。但是，当上传到生产服务器时，我会将这些文件合并在一起，以减少必要的脚本标签数量，因为在生产环境中不应该关心可读性等问题。

相关文章：