Vue Js 2 include CSS into main index.html

Question

I am developing an app first time with VueJS 2 + Webpack And I have created a style.css file that I want to include globaly into index.html file in the root of my app

I have tried loading it from different folders (src, src/assets, root, src, components, node_modules) but as a result i always get 404 error for the specific file.

I have also tried all sorts of paths ../src , /src..., ./src... makes no difference..

What is the correct way to include a style.css file into your project? Where it should be located ? And how should I call it?

Alex · Accepted Answer · 2017-02-19 17:21:34Z

11

I figured out that local css file can be accessed by the main index.html file if it is located in "static" folder of the VueJs project

then just add to the <head> section of your index.html file <link rel="stylesheet" type="text/css" href='static/bootstrap.css'> and you are done.

answered Feb 19, 2017 at 17:21

Alex

2194 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Vue Js 2 include CSS into main index.html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related