javascript - 管理js依赖

Question

我们有一个包含旧版前端代码的站点。代码一团糟。加载不同版本的js框架或库。代码的某些部分有处理依赖关系的 head js，但结构并不正确。我想重构这段代码，但我真的不知道从哪里开始。您能建议任何处理代码重组的方法吗？有没有什么技术可以帮助我处理 js 依赖项？

Answer 1

您的第一步应该是弄清楚该项目正在使用哪些第三方库。如果尚未完成，请将您的第三方库移至 vendor/ 目录或类似目录(并记住相应地更新 URL，否则一切都会中断!)然后使用代码搜索工具(如果您使用 git，git grep 是一个不错的选择)来查找从 CDN 加载的库。

列出您正在使用的所有库、它们所使用的文件、版本及其 URL。根据项目的状态，这可能需要大量工作，但为了能够清楚地看到所有依赖项，这是值得的。

完成此操作后，您可以开始确保所有内容都从同一位置获取相同版本的库。

从这里开始，很难给出任何有用的具体建议，因为这取决于您的项目。

您的代码搜索工具将是您最好的 friend 。它可以大大有助于确保您在进行更改时不会破坏事物。正如我之前提到的，git grep 对于 git 项目很有用。否则，我建议 the_silver_searcher或常规 grep。

我还建议仔细研究可能已经用于管理脚本加载的任何系统。 (你提到的“head js”听起来很有希望。)即使它完全是垃圾并且很少使用，你也可以对其进行挽救和改进。如果它无法挽救，那么它仍然是有人试图在该特定项目中实现的。查看您的前任遇到的问题将帮助您避免在继续采用不同的解决方案时遇到相同的问题。

(旁注:尽量不要将遗留代码视为垃圾。有人在某些时候认为这是一个好主意。即使他们的想法结果很糟糕。你仍然可以从看到他们去了哪里得到很多东西哪里错了，哪里做对了。)

只要您小心，这些都可以让您的团队的生活变得更加轻松，而不会影响项目的实际运行方式。 (绝对要确保更新资源的 URL，以便脚本在您移动它们时仍然会加载。)