如何隔离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

没有。 JS环境是＆＃34;窗口/框架＆＃34;，你不能进一步缩小它。

Answer 2

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

例如：

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

• Angular：查看Multiple versions of AngularJS in one page

的答案

• React：它的框架不同于角度，因此两者可以并排工作，您可以处理哪个框架与页面中的每个部分一起使用。