WebPack как собрать изолированный виджет?

Question

[Роман]

День добрый. Собираю виджет с помощью webpack, в виджете использую много сторонних библиотек включая bootstrap4, при вставке моего виджета на сайт - страдает верстка и самого виджета и сайта в следствии смешивания CSS.

Как правильно собирать\писать изолированно?

Answer 1

[Роман]

Решил с помощью использования `iframe`

Answer 2

[Лев Роскошин]

ну если вы открыты для нового, я бы советовал вообще делать такие компоненты на Vue у них есть для стилей свойство scoped, но конечно все зависит от задачи. А вообще я думаю вам может это помочь https://medium.com/seek-blog/the-end-of-global-css...

Comments

[Роман]

Собсна на vue и делаю :)
И `scoped` использую.
Проблема в том, что я подключаю bootstrap, и ему на моё "scoped" ой как пофиг

[Лев Роскошин]

странно, тоесть выглядит вот так?

<style scoped lang="scss">
@import '~bootstrap'
</style>