У меня есть проект Vue с SCSS, включенным в файлы .vue.
Мне нужно, чтобы стили некоторых компонентов были скомпилированы в файл CSS с именем global.css, а остальные - в другой файл (назовем его default.css).
Я хочу, чтобы можно было легко решить, какие стили компонентов куда, и думал об использовании чего-то подобного, если это вообще возможно:
<style lang="scss" global>
/* SCSS goes here */
</style>
Так что в основном я пытаюсь найти способ разделить стили, используя ключевое слово global .
Если у компонента есть ключевое слово global, его стили должны идти в global.css, иначе в default.css.
Это вообще возможно? Я начинаю что-то супер сложное?
Любая другая идея о том, как я мог бы достичь этого по-другому, если так?