Default Vue.js concept is to have template, JS and styles together inside one *.vue file.
My question is: how to divide CSS / SCSS from *.vue files and get below structure:
components
-- componentA
---- componentA.vue
---- componentA.scss
-- componentB
---- componentB.vue
---- componentB.scss
-- componentC
---- componentC.vue
---- componentC.scss
Is there any good practice to create such project structure and build main/dist CSS via Webpack ? Any examples or Vue CLI templates?