WebPack how to build insulated widget?

Good day. Collect a widget using webpack, you have the widget use a lot of third-party libraries including bootstrap4, when you insert a widget on my website - it suffers from the layout and the widget of the website as a consequence of mixing CSS.

How to collect / write in isolation?
June 3rd 19 at 18:59
2 answers
June 3rd 19 at 19:01
Solution
Decided by using `iframe`
June 3rd 19 at 19:03
well, if you are open to new, I would advise you to do such components at the Vue they have the style-scoped property, but of course it all depends on the task. In General, I think you can help https://medium.com/seek-blog/the-end-of-global-css...
Sobsna on vue do :)
And `scoped` use.
The problem is that I use bootstrap, and it is my "scoped" Oh, how I do not care - Crawford_Conn commented on June 3rd 19 at 19:06
strange, ie looks like this?
<style scoped lang="scss">
@import '~bootstrap'
</style>
- Deja3 commented on June 3rd 19 at 19:09

Find more questions by tags WebpackBootstrapVue.js