[Vuejs]-Keeping CSS files separate with webpacker:compile

With .vue files you can use scoped css. This way css files will be included as separate style tags by the loader.

<style scoped>
.example {
color: red;
}
</style>

Take a look here: https://vue-loader.vuejs.org/en/features/scoped-css.html