[Vuejs]-Why multiple @import does not work in Vue.js project if I want to import more than 1 CSS files?

There should not be any issues with usage of multiple @import rules. Since, its not working for you for some reason, you can try putting all the @imports into one main.css followed by other style rules. Scripts, stylesheets and other external resources require a server communication and affect page performance, so its always better to keep the number of external files as less as possible.