Загрузить пакет Webpack, сохраняя при этом все локальные CSS

У меня проблема с загрязнением локальных свойств CSS VS глобальных.

Мое приложение загружается через тег script на странице стороннего веб-сайта, это приложение vuejs, доставляемое через один файл bundle.js.

Когда приложение загружается (в модальном режиме), оно наследует многие свойства CSS страницы, например шрифты.

Есть ли способ защитить стиль приложения, которое обслуживается через пакет веб-пакетов?

Я изучил различные плагины для веб-пакетов, но ни один из них не дал желаемого эффекта.


person dendog    schedule 23.05.2018    source источник


Ответы (1)


на основе этого ответа, я думаю, что вы можете сделать, предполагая, что верхний уровень приложения/модала Vue имеет идентификатор приложения:

#app {
   all: unset!important;
}
person LShapz    schedule 23.05.2018
comment
Вы имеете в виду добавить это в реквизиты CSS корневого компонента? - person dendog; 23.05.2018
comment
да, это то, что я имею в виду - person LShapz; 23.05.2018