管理js依赖项

时间:2017-01-11 16:17:44

标签: javascript dependencies structure frontend

我们有一个包含旧版前端代码的网站。代码很乱。加载了不同版本的js框架或库。代码的某些部分具有处理依赖关系的头js,但实际上并没有正确构造。我想重构这段代码,但我真的不知道从哪里开始。您能否建议任何处理代码重组的方法?有没有可以帮助我处理js依赖的技术?

1 个答案:

答案 0 :(得分:0)

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

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

完成后,您可以开始确保所有内容都来自同一个版本的库。

从那里开始,很难提供任何有用的具体建议,因为这取决于你的项目。

您的代码搜索工具将是您最好的朋友。它可以帮助您确保在进行更改时不会破坏内容。正如我之前提到的,git grep对于git项目是有益的。否则,我建议the_silver_searcher或定期git grep

我还建议您仔细查看可能已经存在的用于管理脚本加载的任何系统。 (你提到的那个“头js”听起来很有希望。)即使它是完全垃圾而且很少使用,你也许能够挽救和改进它。如果它是不可挽救的,它仍然是有人试图在该特定项目中实现的东西。查看您的前任遇到的问题将帮助您避免在使用其他解决方案时遇到同样的问题。

(旁注:尽量不要将遗留代码视为垃圾。有人在某种程度上认为这是一个好主意。即使他们的想法变得糟糕。你仍然可以从他们去的地方得到很多错了,他们走对了。)

只要你小心,这就是可以让你的团队生活更轻松而不会影响项目实际运行方式的所有东西。 (只需确保更新资源的URL,以便在移动脚本时仍然加载脚本。)