стилей во вьюхе? Собираю сейчас на vue-cli. В общем, создаю дополнительные сцсс файлы для переменных, хелперов и т.д. Подключаю вот так:
module.exports = {
css: {
loaderOptions: {
sass: {
data: `@import '@/assets/scss/app.scss';`
}
}
}
};
В файле app.scss импортированы остальные стили. Так вот, на примере button.scss. В дев-тулсе смотрю, а вьюха подключила одни и те же стили 6+ раз. То есть, если инспектировать button.button - в цсс это выглядит как .button потом еще раз переопределяет .button и так несколько раз.
Как бороться с такой проблемой? Кто-нибудь сталкивался?
А зачем так подключать? В App.vue у вас корневой .scss должен быть, в него импортите нужные компоненты, либо подключаете компонент стилей напрямую в шаблон
Обсуждают сегодня