Global CSS for Vue project using CLI3

Question

I have a Vue Js project I'm building and created it with CLI3 but I'm not sure where I should be placing my global CSS file. There are a few answers out there but it's for older versions with folders that aren't there anymore.

Where should a css file go and where should I be importing it?

Place .css file anywhere you want and then in your main.js you can import it with import '@/path/to/file/my-style.css'. Read more about @ here — ljubadr
– ljubadr, Commented Mar 6, 2019 at 2:00

Steven Spungin · Accepted Answer · 2019-03-06 08:50:34Z

1

Put it in app.js, and not in a scoped script element.
That is how the demo adds global CSS.

If it gets too big and unmanageable, import css files in app.js instead.

edited Mar 6, 2019 at 8:50

answered Mar 6, 2019 at 1:19

Steven Spungin

29.5k7 gold badges97 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Global CSS for Vue project using CLI3

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related