javascript - 如何隔离 javascript 依赖关系

Question

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

例如

<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>

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

显然我可以使用 iframe，但是还有其他解决方案吗？

Answer 1

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

例如:

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

• Angular:检查此答案 Multiple versions of AngularJS in one page

• React:它的框架与 Angular 不同，因此两者可以并行工作，您可以处理页面中每个部分使用哪个框架。