Как в Vue.js вынести стили для страниц в отдельные файлы, или сделать inline?

Question

[EvgeniySaschenko]

Делаю сборку Vue.js, на vue-cli и sass. Использую одно-файловые компоненты - подключаю в файлы vue, sass файлы с помощью style:

<style>
@import 'btn.sass'
</style>

Хотелось бы общие стили - стили компонентов которые используются на всём сайте ("Кнопки", "Навигация" и т.д.) компилировать в общий style.css, а стили для отдельных страниц в отдельные css файлы, или вставлялись inline на нужных страницах. Но сейчас стили компонентов и стили страниц складываются в один style.css, а это влияет на его вес. Подскажите пожалуйста как такое решается?

Comments

[Eduard Shkuta]

Как вариант, можно использовать mini css extract plugin

[Klein Maximus]

тоже раньше сильно заморачивался на счет веса css. Но сейчас в большинстве своем скорости достаточно неплохие, так что это уже не так важно. Загруженные один раз (потому что потом закешируются) лишние 50кб css ни на что особо сильно не повлияют.
Лучше решайте более важные задачи.
Оптимизацию оставьте на более поздние этапы проекта.