如何隔离javascript依赖关系

How to isolate javascript dependencies

本文关键字:javascript 依赖 关系 隔离 何隔离      更新时间:2023-09-26

是否可以隔离页面的各个部分,以便每个部分都可以使用不同的javascript框架(或版本)。

对于eample

<div id="content1">
    Uses angular 1.5/jquery 1.x/etc
</div>
<div id="content2">
    Uses angular 2/jquery 2.x/etc 
</div>
<div id="content3">
    Uses react/jquery 2/etc
</div>

是否可以隔离每个片段,使它们无论使用什么框架都不会相互干扰?

显然,我可以使用iframes,但还有其他解决方案吗?

它在某种程度上是可行的,但很难维护,你必须自己处理,而不是HTML。它会根据哪个元素选择lib版本,

例如:

  • jQuery:您可以使用jQuery noconflict在同一页面中加载多个jQuery版本,

  • Angular:在一页中检查AngularJS的多个版本的答案

  • React:它的框架与angular不同,因此两者可以并排工作,您可以处理页面中每个部分的框架。

否。JS环境是"窗口/框架",你不能再把它缩小了。