Webpack how to build an isolated widget?

Question

Bootstrap

Good afternoon. I assemble the widget using webpack, I use many third-party libraries in the widget, including bootstrap4, when I insert my widget into the site, the layout of both the widget itself and the site suffers as a result of mixing CSS.
How to collect \ write in isolation?

Answer 1

Solved by using `iframe`

Answer 2

well, if you are open to new things, I would advise you to make such components on Vue in general, they have a scoped property for styles, but of course it all depends on the task. In general, I think this can help you https://medium.com/seek-blog/the-end-of-global-css...