Shadow DOM-封装JS和CSS文件

Question

我创建了一个使用特定版本的JQuery和Bootstrap库的组件（自定义元素）。现在我需要将此组件添加到已经使用不同版本的JQuery和Bootstrap库的其他应用程序中。我将添加组件的一些应用程序不使用引导程序库，包括它可能会产生其他问题。

现在为了简化实现，我打算使用shadow dom。是否可以使用Shadow DOM创建一个元素，该DOM在内部使用多个JS和CSS文件但是当包含在其他应用程序中时，不会导致任何与其使用的JS和CSS文件有关的问题。

我所知道的是shadow DOM没有封装JavaScript。我有什么选择？

Answer 1

关于 JavaScript 库，它取决于库是否为此而设计。

jQuery可以归功于noConflict() mode。

关于 CSS 库，它们可以包含在Shadow DOM using the @import url rule中。

规则应放在<style>元素的最开头。