我创建了一个组件(自定义元素)，它将使用特定版本的 JQuery 和 Bootstrap 库。现在我需要将这个组件添加到其他已经在使用不同版本的 JQuery 和 Bootstrap 库的应用程序中。我将在其中添加我的组件的某些应用程序未使用 Bootstrap 库，并且包含它可能会产生其他问题。
现在为了简化实现，我打算使用 shadow dom。是否可以使用内部使用多个 JS 和 CSS 文件的 Shadow DOM 创建元素，但当包含在其他应用程序中时，不会对其使用的 JS 和 CSS 文件造成任何问题。
据我所知，shadow DOM 不封装 JavaScript。我在这里有什么选择？
最佳答案
关于 JavaScript 库，这取决于该库是否为此设计。
由于其 noConflict() mode，jQuery 成为可能.
关于 CSS 库，它们可以包含在 Shadow DOM 中 using the @import url rule .
规则应该放在<style> 的最开始元素。
关于javascript - Shadow DOM——封装JS和CSS文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42016766/