Как работать с приложениями веб-компонентов с разными версиями начальной загрузки во вложенном приложении?

#bootstrap-4 #web-component

#bootstrap-4 #веб-компонент

Вопрос:

В веб-проекте, который использует bootstrap 3, у меня есть веб-компонент, который, в свою очередь, использует bootstrap 4. DOM веб-компонента не заблокирован, поэтому теневого dom нет.

Как я могу предотвратить перезапись разных стилей и возникновение нежелательных побочных эффектов?

Комментарии:

1. Нет, это один DOM, так что точно так же, как запускать обе версии начальной загрузки на одной странице.

Ответ №1:

Для этого и существует shadow DOM. Используйте shadow DOM и поместите Bootstrap 4 CSS внутри вашего веб-компонента.