CODEWITHSUNDEEP
vue.jsvue-cli-3
Hassaan Aslam
Hassaan Aslam

Reputation: 193

How to import css files in vue 3 child components?

I'm working on Vue 3, and I need to know how I can import different style sheets for different child components.

For example, I have 3 child components, let's say A and B, and I want to import style sheet X in A and style sheet Z in B.

Upvotes: 17

Views: 39830

Answers (1)

Phil Poore
Phil Poore

Reputation: 2256

Importing CSS in Vue components

If you are setup and using webpack, you should be able to import css directly from inside <style> tags in component files. 

// In Component A
<style scoped>
@import "./X.css"
</style>

// In Component B
<style scoped>
@import "./Y.css"
</style>

More info here:

Upvotes: 29

Related Questions