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