Всем привет! Какие минусы использования scoped стилей во всех компонентах приложения? Поделитесь,

Question

Nuxt.js | Vue SSR

Stas

Всем привет! Какие минусы использования scoped стилей во всех компонентах приложения? Поделитесь,

пожалуйста, вашим опытом.

#nuxt.js #programming #russian #software

0

21.06.2022

7 ответов

30 просмотров

Stas Автор вопроса

Спасибо А проблема с порядком стилей решается при помощи .parent-component >>>> .child-component? Я пробовал решить проблему с порядком стилей используя extactCss, но часть проблема ушла, при этом появились новые проблемы при переходах между страниц, в общем хочется какую-то серебрянную пулю найти

0

21.06.2022

Stas Автор вопроса

Flexo
3+ лет работаю с Nuxt ни разу не сталкивался с про...

У нас ui компоненты тянутся нетолько из папки components, но еще и из git submodule и npm пакета. Ну и похоже nuxt как-то отдельно обрабатывает такие импорты. И иногда бывает что-то типа такого: index.css -> .app-button { margin: 10px } vendors/index.css -> .ui-button { margin: 20px } в итоге на клиенте получаем вот такое: .ui-button { margin: 20px } .app-button { margin: 10px }

0

21.06.2022

Flexo

Stas
У нас ui компоненты тянутся нетолько из папки comp...

Тут магия встречается крайне редко. Скорее всего где-то сам напортачил)

0

21.06.2022

Flexo

Stas
У нас ui компоненты тянутся нетолько из папки comp...

Возможно стили вендора были подключены раньше чем ты их ожидаешь. Например где-то на предыдущей странице в другом компоненте

0

21.06.2022

Stas Автор вопроса

Flexo
Тут магия встречается крайне редко. Скорее всего г...

Никакой магии нет, я понимаю как nuxt собирает стили, почему руинится порядок и т.д. но не понимаю как этого избежать без изменений сборки. Спасибо за ответы. Пойду пробовать ::v-deep )

0

21.06.2022

Stas Автор вопроса

Flexo
Тут магия встречается крайне редко. Скорее всего г...

в целом.. чем дольше работаю, тем реже встречаюсь с магией и меньше верю в неё. Всегда есть какая-то причина и она не связана с магией(((

0

21.06.2022