Могу поделиться опытом связки Vue и YII2.
У нас весь vue собирается в папке web/client/dist (название шаблона) и состоит из js и css файлов, который связаны с соответствующим компонентом, т.е. получается на выходе так:

|───css
│   create.css
│   edit.css
│   main.css
│   settings.css
│   view.css
│      
├───images
│       star.png
│ 
├───js
│  common.js
│   create.js
│   edit.js
│   main.js
│   settings.js
│   view.js

Глобально для всех страниц подключается js/common.js, а в соответствующих модулях Yii2 подключаются два файла: js и css (например, create.js & create.css)
В итоге получается, что каждой странице соответствует свой набор js и css файлов.

Используйте препроцессор для CSS (LESS || SCSS || SASS). В них можете использовать миксины. К тому же препроцессоры значительно упрощают жизнь и повышают производительность)

Я привык работать с LESS и в каждом проекте есть файл elements.less с набором миксинов:

.box-shadow(@arguments) {
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  box-shadow: @arguments;
}
.rotation(@deg:5deg){
  .transform(rotate(@deg));
}

В коде просто использую потом, например:
.box-shadow(0 0 10px rgba(0,0,0, .5));
или
.box-shadow(0 0 10px fade(#000, 5%));